JavaScript-JavaScript概述及简单使用_用自己的话介绍js-程序员宅基地

技术标签: 脚本语言  【前端开发-JavaScript基础篇】  html  javascript  

什么是

JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象事件驱动并具有相对安全性的客户端脚本语言。

因为它不需要在一个语言环境下运 行,而只需要支持它的浏览器即可。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等.


JavaScript 的特点

  • 松散性

JavaScript 语言核心与 C、C++、Java 相似,比如条件判断、循环、运算符等。但它 却是一种松散类型的语言,也就是说,它的变量不必具有一个明确的类型。

  • 对象属性

JavaScript 中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或关联数组,而不像 C 中的结构体或者 C++、Java 中的对象。

  • 继承机制

JavaScript 中的面向对象继承机制是基于原型的,这和另外一种不太为人所知的 Self语言很像,而和 C++以及 Java 中的继承大不相同。


JavaScript 的核心

虽然 JavaScript 和 ECMAScript 通常被人们用来表达相同的含义,但 JavaScript 的含义却比ECMA-262中规定的要多得多。一个完整的JavaScript应该由下列三个不同的部分组成。

  • 1.核心(ECMAScript)

  • 2.文档对象模型(DOM)

  • 3.浏览器对象模型(BOM)

文档对象模型 (DOM)

文档对象模型(DOM,Document Object Model)是针对 XML 但经过扩展用于 HTML的应用程序编程接口(API,Application Programming Interface)

浏览器对象模型 (BOM)

访问和操作浏览器窗口的浏览器对象模型(BOM,Browser Object Model)。开发人员使用 BOM可以控制浏览器显示页面以外的部分。而 BOM 真正与众不同的地方(也是经常会导致问题的地方),还是它作为 JavaScript实现的一部分,至今仍没有相关的标准。


使用

1.创建一张 HTML 页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
</body>
</html>

2.<Script>标签解析

<script>xxx</script>这组标签,是用于在 html 页面中插入 js 的主要方法。

它主要有以下几个属性:

  • 1.charset:可选。表示通过 src 属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。

  • 2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。

  • 3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。

  • 4.src:可选。表示包含要执行代码的外部文件。

  • 5.type:必需。可以看作是 language 的替代品。表示代码使用的脚本语言的内容类型。

<script type="text/javascript">
    alert('欢迎来到 JavaScript 世界!');
</script>

3.JS 代码嵌入的一些问题

如果你想弹出一个</script>标签的字符串,那么浏览器会误解成 JS 代码已经结束了。 解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接

<script type="text/javascript">
    alert('</scr'+'ipt>');
</script>

经验证,不拆分开也能识别。


一般来说,JS 代码越来越庞大的时候,我们最好把它另存为一个.js 文件,通过 src 引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。

<script type="text/javascript" src="demo1.js"></script>

这样标签内就没有任何 JS 代码了。但要注意的是,虽然没有任何代码,也不能用单标签:

错误的写法
<script type="text/javascript" src="demo1.js" />;

也不能在里面添加任何代码:

错误的写法
<script type="text/javascript" src="demo1.js">alert('我很可怜,执行不到!')</script>

按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在 body 之间。


不再需要提供注释,以前为了让不支持 JavaScript 浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用 html 注释掉,现在已经不需要了。

<script type="text/javascript">
    <!--
    alert('欢迎!');
    -->
</script>

平稳退化不支持 JavaScript 处理:<nosciprt>

<noscript>
    您没有启用 JavaScript
</noscript>

完整实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JavaScript</title>

</head>
<body>

<noscript>
    本站必须启用JavaScript
</noscript>



<script type="text/javascript">
    alert('欢迎来到JavaScript世界!');
</script>



欢迎来到JavaScript世界!


</body>
</html>

另外如果通过src引用另外的文件的话 (在同一个目录下)

修改

<script type="text/javascript" src=demo.js><script>

demo.js

alert('Hello');
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yangshangwei/article/details/78061993

智能推荐

Spring @Service生成bean名称的规则(当类的名字是以两个或以上的大写字母开头的话,bean的名字会与类名保持一致)_@service beanname-程序员宅基地

文章浏览阅读7.6k次,点赞2次,收藏6次。@Service标注的bean,类名:ABDemoService查看源码后发现,原来是经过一个特殊处理:当类的名字是以两个或以上的大写字母开头的话,bean的名字会与类名保持一致public class AnnotationBeanNameGenerator implements BeanNameGenerator { private static final String C..._@service beanname

css图片居中_css图片居中对齐-程序员宅基地

文章浏览阅读6.9k次,点赞4次,收藏14次。css图片水平垂直居中_css图片居中对齐

为什么大家都在吹捧Python?-程序员宅基地

文章浏览阅读120次。2020年,Python可学吗?答案是可。近些年间,Python 的火热有目共睹,作为一种功能强大的高级编程语言,在2018 年的时候它的流行程度就得到了大幅提高。图源:Stack Ov..._为啥这么多人吹python

String对象在内存中的位置_对string对象取地址是什么意思-程序员宅基地

文章浏览阅读991次。首先我们先看一段代码public static void main(String[] args) { String s1 = new String("abc"); String s2 = "abc"; // s1 == s2? String s3 = s1.intern(); // s2 == s3? }答案: s1 == s2为falses2 == s3为trueString对象在内存中的位置既然String是一个immutable的类,那么对于同样值的String实例,_对string对象取地址是什么意思

Kratos,RPC服务调用过程_kratos 如何调用另一个服务数据-程序员宅基地

文章浏览阅读1k次。首先,客户端发起RPC调用请求// SayHello say hello.func (d *dao) SayHello(c context.Context, req *api.HelloReq) (resp *empty.Empty, err error) { if resp, err = d.demoClient.SayHello(c, req); err != nil { ..._kratos 如何调用另一个服务数据

Java简历石投大海了无音讯,是否是互联网寒冬所致?-程序员宅基地

文章浏览阅读144次。前言小编最近在网上看到一个问题,某网友:我最近在网上投简历怎么没人给我打电话啊,我找java开发的工作?这个问题引发了小编对于这个问题的思考,我们往下看吧。概述最近互联网寒冬吧算是。目前互联网公司纷纷裁员或倒闭或架构进行优化。有一个做Java方面的朋友最近也在找工作,一线城市北京,投了三四百家,就有不到10个买时电话,后来我建议他爸简历优化一下,同时对每一次面试做一些总结,去公司的面试要求进一...

随便推点

笔记-编译原理-实验一-词法分析器设计_对pl/0作以下修改扩充。增加单词-程序员宅基地

文章浏览阅读2.1k次,点赞4次,收藏23次。第一次实验 词法分析实验报告设计思想词法分析的主要任务是根据文法的词汇表以及对应约定的编码进行一定的识别,找出文件中所有的合法的单词,并给出一定的信息作为最后的结果,用于后续语法分析程序的使用;本实验针对 PL/0 语言 的文法、词汇表编写一个词法分析程序,对于每个单词根据词汇表输出: (单词种类, 单词的值) 二元对。词汇表:种别编码单词符号助记符0beginb..._对pl/0作以下修改扩充。增加单词

android adb shell 权限,android adb shell权限被拒绝-程序员宅基地

文章浏览阅读773次。我在使用adb.exe时遇到了麻烦.我想使用与bash相同的adb.exe shell提示符,所以我决定更改默认的bash二进制文件(当然二进制文件是交叉编译的,一切都很完美)更改bash二进制文件遵循以下顺序> adb remount> adb push bash / system / bin /> adb shell> cd / system / bin> chm..._adb shell mv 权限

投影仪-相机标定_相机-投影仪标定-程序员宅基地

文章浏览阅读6.8k次,点赞12次,收藏125次。1. 单目相机标定引言相机标定已经研究多年,标定的算法可以分为基于摄影测量的标定和自标定。其中,应用最为广泛的还是张正友标定法。这是一种简单灵活、高鲁棒性、低成本的相机标定算法。仅需要一台相机和一块平面标定板构建相机标定系统,在标定过程中,相机拍摄多个角度下(至少两个角度,推荐10~20个角度)的标定板图像(相机和标定板都可以移动),即可对相机的内外参数进行标定。下面介绍张氏标定法(以下也这么称呼)的原理。原理相机模型和单应矩阵相机标定,就是对相机的内外参数进行计算的过程,从而得到物体到图像的投影_相机-投影仪标定

Wayland架构、渲染、硬件支持-程序员宅基地

文章浏览阅读2.2k次。文章目录Wayland 架构Wayland 渲染Wayland的 硬件支持简 述: 翻译一篇关于和 wayland 有关的技术文章, 其英文标题为Wayland Architecture .Wayland 架构若是想要更好的理解 Wayland 架构及其与 X (X11 or X Window System) 结构;一种很好的方法是将事件从输入设备就开始跟踪, 查看期间所有的屏幕上出现的变化。这就是我们现在对 X 的理解。 内核是从一个输入设备中获取一个事件,并通过 evdev 输入_wayland

THM学习笔记——SQL注入_sql插入htm-程序员宅基地

文章浏览阅读1.2k次,点赞21次,收藏22次。SQL注入,通常称为SQLi,是对 Web 应用程序数据库服务器的攻击,导致执行恶意查询。_sql插入htm

记录一次抓包实战,全局代理+xposed+frida绕过各种坑点_frida软件-程序员宅基地

文章浏览阅读5.4k次,点赞5次,收藏22次。遇到的问题apk使用了360加固,无法反编译apk没有走系统代理,导致设置wifi代理抓不到包问题1解决办法:使用FRIDA-DEXDump工具直接从内存dump出dex包,然后使用jadx-gui-1.1.0-with-jre-windows工具打开dex文件查看代码FRIDA-DEXDUMPgithub链接jadx-gui网上比较多,自行百度下载需要先按照frida,自行百度下载安装问题2解决办法:有两种方法:使用vpn代理将app流量全部代理到抓包工具的ip端口使用OkHt_frida软件

推荐文章

热门文章

相关标签