目录
1.1 JavaScript概述
JavaScript是一种轻量级的直译式编程语言,基于ECMAScript标准(注:一种由ECMA国际组织通过ECMA-262标准化的脚本程序语言)。通常在HTML网页中使用JavaScript为页面增加动态效果和功能.其特点是脚本语言、简单性、弱类型、跨平台性、大小写敏感.
1.2 jQuery概述和特点
- jQuery这个名称来源于JavaScript和Query(查询)的组合,是一个轻量级的跨平台JavaScript函数库,拥有MIT软件许可协议。jQuery也能让开发者基于JavaScript函数库开发新的插件。
- 其特点是轻量级封装、化简JavaScript、兼容CSS3、跨浏览器支持。
2.1 JavaScript的实现
完整JavaScript的实现是由以下三个部分组成:
EDOM:文档对象模型。
- DOM:文档对象模型。
- BOM:浏览器对象模型
2.1.1 ECMAScript
ECMAScript是JavaScript的核心标准,它描述了该语言的语法和基本对象
2.1.2 DOM
DOM指的是Document Object Model(文档对象模型),它是HTML的应用程序接口。DOM将整个HTML页面看作是由各种节点层级构成的结构文档。
2.1.3 BOM
BOM指的是Browser Object Model(浏览器对象模型),可以对浏览器窗口进行访问和操作处理。该模型最早是由IE3.0与Netscape Navigator3.0提供的,目前所有的主流浏览器都支持BOM,但是会有各自独立的实现内容
2.2 JavaScript的使用
2.2.1 内部JavaScript
JavaScript代码可以直接写在HTML页面中,只需使用<script>首尾标签嵌套即可
<script>
alert("Hello JavaScript!");
</script>
2.2.2 外部JavaScript
如果选择将JavaScript代码保存到外部文件中,则只需要在HTML页面的<script>标签中声明src属性即可。 此时外部文件的类型必须是JavaScript类型文件(简称为JS文件),即文件后缀名为.js
<!--<script src="JavaScript文件URL"></script>-->
//以在本地js文件夹中的myFirstScript.js文件为例
<script src="js/myFirstScript.js"></script>
2.3 JavaScript语法
2.3.1 JavaScript大小写
在JavaScript中大小写是严格区分的,无论是变量、函数名称、运算符和其他语法都必须严格按照要求的大小写进行声明和使用。 例如变量hello与变量HELLO会被认为是完全不同的内容。
2.3.2 JavaScript分号
很多编程语言(例如C、Java和Perl等)都要求每句代码结尾要使用分号(;)表示结束。 而JavaScript的语法规则对此比较宽松,如果一行代码结尾没有分号也是可以被正确执行的。
2.3.3 JavaScript注释
- 单行注释用双斜杠(//)开头
- 多行注释使用/*开头,以*/结尾
2.4 JavaScript变量
2.4.1 变量的声明
- 可以在声明变量的同时对其指定初始值;也可以先声明变量,再另行赋值。例如:
- JavaScript也允许使用一个关键词var同时定义多个变量。例如:
- 同时定义的变量类型可以不一样,并且可为其中部分或全部变量进行初始化。例如:
- 由于JavaScript变量是弱类型的,因此同一个变量可以用于存放不同类型的值。例如可以声明一个变量初始化时用于存放数值,然后将其更改为存放字符串。代码如下:
(这段代码从语法上来说没有任何问题,但是为了良好的编程习惯不建议此种做法。应该将变量用于保存相同类型的值)
- 变量的声明不是必须的,可以不使用关键词var声明直接使用。
2.4.2 变量的命名规范
一个有效的变量命名需要遵守以下两条规则:
- 首位字符必须是字母(A-Za-z)、下划线(_)或者美元符号($);
- 其他位置上的字符可以是下划线(_)、美元符号($)、数字(0-9)或字母(A-Za-z)
例如:
2.4.3 JavaScript关键字和保留字