使用jQuery快速高效制作网页交互特效

什么是JavaScript

JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性能的脚本语言。与HTML(超文本标记语言)在Web页面中链接多个对象，与Web客户实现交互。

特点：

• JavaScript主要用来在HTML页面中添加交互行为。
• JavaScript是一种脚本语言，语法和Java类似。
• JavaScript一般用来编写客户端的脚本。
• JavaScript是一种解释性语言，边执行边解释。

Javascript 的组成

1.ECMAScript标准：
是一种开放的，被国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定。

主要描述了以下内容：

• 语法
• 变量和数据类型
• 运算符
• 逻辑控制语句
• 关键字、保留字
• 对象

ECMAScript是一个描述，规定了脚本语言的所有属性、方法和对象的标准，因此在使用Web客户端脚本语言编码时一定要遵循ECMAScript标准。

2.浏览器对象模型（Browser Object Model BOM）
提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。

3.文档对象模型（Document Object Model DOM）
是HTML文档对象模型（HTML DOM)定义的一套标准方法，用来访问和操纵HTML文档。

Javascript核心语法

语法：

var 合法的变量名；

注：即可由数字、字母、下划线和"$"符号组成。但首字母不能是数字，并且不能使用关键字命名；

JavaScript区分大小写，所以大小写不同的变量名表示不同的变量，另外，允许不声明变量而直接使用，系统将会自动声明该变量；

数据类型

基本数据类型：

• undefined（未定义类型）
• null（空类型）
• number（数值类型）单精度或者双精度表示两种
• String（字符串类型）
• boolean（布尔类型）

typeof

语法：

typeof（变量或值）；
其返回以下结果：

• undefined：如果变量是此类型，则返回该类型的结果。
• number：如果变量是此类型，则返回该类型的结果。
• String：如果变量是此类型，则返回该类型的结果。
• boolean：如果变量是此类型，则返回该类型的结果。
• object：如果变量为null类型，或者变量是一种引用类，则返回该类型的结果。

String类型：

语法：

字符串对象.leng;
字符串对象.方法名();​​​​

字符串的一些常用方法记录

toUpperCase()将字符转换成大写格式
toLowerCase()转为小写格式
trim()移除空白,trimLeft左，trimRight右
charAt(num)获取单个字符

1.截取字符串

slice(start,end)返回截取部分，start下标，负数从尾部算起，end结束下标

substring(start,stop)start下标，stop可选，必须一个非负数的整数

substr(start,length)start起始下标，length可选长度，重要事项：ECMAscript 没有对该方法进行标准化，因此反对使用它。

2.查找字符串

indexOf(searchvalue,fromindex)返回首次出现的位置，searchvalue必需。需要检索的字符串值。fromindex可选的整数参数。从哪个位置开始。检测不到时返回 -1

lastIndexOf(searchvalue,fromindex)返回最后出现的位置，在一个字符串中的指定位置从后向前搜索。，searchvalue必需。需要检索的字符串值。fromindex可选的整数参数。从哪个位置开始，检测不到时返回 -1

search(/\.com/i)) 方法用于检索字符串中指定的子字符串，也可以使用正则表达式搜索

includes(searchvalue, start)字符串中是否包含指定的值，第二个参数指查找开始位置,返回true/false

startsWith(searchvalue, start)方法用于检测字符串是否以指定的子字符串开始。第二个参数指查找开始位置,返回true/false

endsWith(searchvalue, length)方法用来判断当前字符串是否是以指定的子字符串结尾的（区分大小写）。返回true/false

match()字符串内检索指定的值，或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

3.替换字符串

<