JavaScript学习总结

浅谈JavaScript学习

1、 语法结构 2、 数据类型 3、 变量

4、 表达式和运算符 5、 数组

6、 控制结构和循环 7、 函数 8、 正则表达式 9、 对象 10、事件 11、DOM 12、拖放

1、 语法结构

- 空白符 不可缺 -- 大小写敏感 --- 标识符 ---- 保留字

----- 分号可选； ------ 语句注释：

1）// 当前行注释 2）/*

多行注释 */

3）{} javascript要执行的代码块 4）分号;或换行 定义语句的结束

2、 数据类型 1）字符串类型： ---转义序列：

\\b 回退 \\f 换页 \\n 换行 \\r 回车符 \ 制表符 \\’ 单引号 \\” 双引号 \\\\ 反斜杠 \\xNN NN是一个十六进制数，表示一个拉丁字符

\� DDDD是一个十六进制数，表示一个Unicode字符 2）数字类型： 浮点数：12.568，整数：256 3）布尔值类型：Boolean：true,false 4）空值（Null）：代表变量什么也不是 5）未定义值（Undefined）： var a//变量a 这时的状态

3、 变量

变量名必须以字母或下划线开始，其他部分可以使用数字、字母、美元符和下划线构成。 JavaScript变量名区分大小写，可使用骆驼命名法：变量名以一个小写字母开始，后面的单词首字母大写且没有空格。 变量名声明以关键字var开始。 关键字 保留字

4、 表达式和运算符

1）逻辑运算符和比较运算符

比较运算符：比较操作数并返回布尔值 常用的比较运算符：

== 相等判定 如果相等，返回值为：true，否则为：false != 不等判定 如果不等，返回值为：true，否则为：false > 大于判定 >= 大于等于判定

< 小于判定

<= 小于等于判定

String对象大小写字母判定：toUpperCase() ；toLowerCase() 。

总结：比较字符串时，小写的ASCⅡ码值大于大写开头的字符；都是小写的，字母顺序排在前面的小于后面的字符；都是大写的，字母顺序排在前面的小于后面的字符。 String对象的数据值比较：valueOf()

逻辑运算符：判定多个条件的情况

&& 与 两个条件都必须为真 一假全假 || 或 其中一个或两个必须为真 一真全真 ! 非 原逻辑相反 真假相反

2）typeof运算符 返回值： undefined boolean number string object

３）instanceof 运算符

用于识别正在处理对象的类型，这个方法要求必须确认对象为某特定的类型。

4）一元运算符

4—1）Delete 运算符 ：删除对以前对象属性及方法的引用，但不能删除未定义属性和方法； 4—2）Void 运算符 ：其对任何值都返回underfined ，用于避免输出不应该输出的值； 示例：

1、 点击链接 输出：[object] 2、 点击我

4—3）前增量/前减量运算符 ++变量名； --变量名；

4—4）后增量/后减量运算符 变量名++ ； 变量名-- ；

4—5）一元加法和一元减法

4—6）位运算符 位运算not （~） 位运算and （&）

位运算or （|） 位运算XOR（^）

4—7）左移运算（<<）

4—8）有符号右移运算（>>） 4—9）无符号右移运算（>>>）

5）Boolean 运算符 5—1）逻辑not

运算符是对象，返回false ； 运算符数字是0，返回true ；

运算数是0以外的任何数字，返回faulse ； 运算数是null，返回true ； 运算符是NaN , 返回true ；

运算数是underfined ，返回错误； 5—2）逻辑and （&&） 5—3）逻辑or

6）乘性运算符

6—1）乘法运算符 （*） 6—2）除法运算符 （/） 6—3）取模运算符 （%）

7）加性运算符

7—1）加法运算符 （+） 7—2）减法运算符 （-）

8）关系运算符 < > <= >=

9）等性运算符

9—1）等号和非等号 （== 和 ！=）

9—2）全等号和非全等号 （= = = 和 != =）

10）条件运算符 形式：

variable = boolean_expression ? true_value : false_value ;

11）赋值运算符 简单运算符：（=） 复合运算符 ：（* = 、/* 、 %= 、+= 、 -= 、<<= 、

12）逗号运算符 （，）

>>= 、 >>>=）

Undefined类型

当变量未初始化，该变量的默认值是underfined ，返回true；

Null 类型

Underfined 类型是由Null类型派生，null ==undefined

Boolean类型

有两个值，即true和false

Number 类型 ：所有数算都返回十进制结果 String 类型

= = = 转换字符串 ：toString

转换数字 ：parseInt

5、 对象 本地对象： 1）、Array类

toString () 字符转换 ；

slice () 返回特定项新数组 ； array栈 ：后进先出结构 ；

push () ：在数组结尾添加一个或多个项； pop () ：删除最后一个数组项 （length - 1） ； shift () ：删除第一个数组项 ；

unshift () ：把一个数组项放到第一个位置； splice () ：把数组项插入数组的中部； 2）、Date类

内置对象 1）、Global 对象 实际上是不存在的一个对象；

方法：eval() 类似解释程序，接收一个参数，即要执行的js字符串；也可以在eval中调用内部定义的函数及变量； 2）、Math对象 【见下】 3）、宿主对象 ：所以非本地对象就是宿主对象 其他补充点： 4）、作用域：即变量的适用范围；

公用、受保护和私有作用域

静态作用域并不是静态的：静态作用域都可以从同一个位置访问。 5）this关键字 继承

apply () 方法 和 inheritForm () ；

inheritForm () 方法接收一个参数，即：要复制的方法所属的类；

6、 控制结构和循环 1）条件语句

If…else… 基本格式： If(表达式) 代码段; else 代码段;

If…else… 嵌套格式： If(布尔值) 代码1; else() 代码2;

else if (布尔值) 代码3; else 代码4;

跳出一个分支和循环：break

2）switch语句 基本 格式：

switch (表达式) { case 参数值}

3）循环语句

for 循环：使用for循环数组

for…in… 使用数组中的变量遍历数组中的每个元素。

4）while循环 do… while… break 终止循环；

continue 跳出当前循环； 5）with

用于设置代码在特定对象中的作用域；with语句是运行比较缓慢的代码，尽量避免时使用。 格式：

with (expression) statement;

7、 函数 格式：

Function 函数名( 参数可选 ){ 表达式 }

如果函数没有明确的返回值，或调用了没有参数的return语句，那么函数真正的返回值是underfined 。

Js函数没有重载

函数实际上是功能完整的对象，function类表示开发者自定义的任何函数，格式： var fuction_name = new Function (参数。。。函数主体)

闭包：指词法表示包括不必计算的变量的函数，就是说，该函数能使用函数外定义的变量。 示例：

8、 正则表达式

正则表达式是一种可以用于文字模式匹配和替换的强有力的工具。是由一系列普通字符和特殊字符组成的能明确描述文本字符串的文字匹配模式。

预定义特殊字符（非打印字符）：

字符 含义 \\cx \\f \\n \\r \\s \\S \ \\v

匹配由x指明的控制字符。例如， \\cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。 匹配一个换页符。等价于 \\x0c 和 \\cL。 匹配一个换行符。等价于 \\x0a 和 \\cJ。 匹配一个回车符。等价于 \\x0d 和 \\cM。

匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \\f\\n\\r\\\v]。 匹配任何非空白字符。等价于 [^ \\f\\n\\r\\\v]。 匹配一个制表符。等价于 \\x09 和 \\cI。 匹配一个垂直制表符。等价于 \\x0b 和 \\cK。

字符类：

1、 负向类：指定要排除的字符，脱字符号（^）不匹配后面跟着的字符； 2、 范围类：从什么到什么，横向字符（ - ），不区分大小写； 3、 组合类：由其他几种类组合成的字符类；示例：

匹配a~m的字符及1~4的数字，和一个换行符：[a-m1-4\\n] 注意：在内部的类之间不能使用空格； 4、 预定义类 常用字符集： \\d [0-9] 所有数字 \\w

[a-zA-Z]

表示所有的字符，和文化字体有关 \\s

[ \\\r\\n]

空格，回车和tab。和文化字体有关

预订一字符集可以既可以用在字符集里面，也可以用在字符集外面。 \\s\\d

1+2=3 匹配后面紧跟着一个数字的空白符

[\\s\\d]

1+2=3

匹配一个单独的字符或者一个数字或者一个空白符

[\\da-fA-F]和[0-9a-fA-F]的匹配结果是一样的。

同样，在预定义字符集前面加一个“^”符号表示否定。它们也有预先定义好的表示： \\D [^\\d] 非数字 \\W [^\\w]

非字符，和文化字体有关 \\S [^\\s]

非空格，回车和tab。和文化字体有关

量词： 限定符：

字符 * +

描述

匹配前面的子表达式零次或多次。例如，zo* 能匹配 \"z\" 以及 \"zoo\"。* 等价于{0,}。 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 \"zo\" 以及 \"zoo\"，但不能匹配 \"z\"。+ 等价于 {1,}。

匹配前面的子表达式零次或一次。例如，\"do(es)?\" 可以匹配 \"do\" 或 \"does\" 中的\"do\" 。? 等价于 {0,1}。

n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 \"Bob\" 中的 'o'，但是能匹配 \"food\" 中的两个 o。

?

{n}

{n,}

n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 \"Bob\" 中的 'o'，但能匹配 \"foooood\" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。

m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，\"o{1,3}\" 将

{n,m} 匹配 \"fooooood\" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空

格。

特别字符：

特别字符 $

说明

匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 '\\n' 或 '\\r'。要匹配 $ 字符本身，请使用 \\$。

标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符，请使用 \\( 和 \\)。

匹配前面的子表达式零次或多次。要匹配 * 字符，请使用 \\*。 匹配前面的子表达式一次或多次。要匹配 + 字符，请使用 \\+。 匹配除换行符 \\n之外的任何单字符。要匹配 .，请使用 \\。 标记一个中括号表达式的开始。要匹配 [，请使用 \\[。

匹配前面的子表达式零次或一次，或指明一个非贪婪限定符。要匹配 ? 字符，请使用 \\?。 将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符。例如， 'n' 匹配字符 'n'。'\\n' 匹配换行符。序列 '\\\\' 匹配 \"\\\"，而 '\\(' 则匹配 \"(\"。

匹配输入字符串的开始位置，除非在方括号表达式中使用，此时它表示不接受该字符集合。要匹配 ^ 字符本身，请使用 \\^。

标记限定符表达式的开始。要匹配 {，请使用 \\{。 指明两项之间的一个选择。要匹配 |，请使用 \\|。

( ) * + . [ ? \\

^ { |

构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与操作符将小的

表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。

全部字符集：

字符

描述

将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制

\\

转义符。例如，'n' 匹配字符 \"n\"。'\\n' 匹配一个换行符。序列 '\\\\' 匹配 \"\\\" 而 \"\\(\" 则匹配 \"(\"。

^

匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\\n' 或 '\\r' 之后的位置。

匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性，$ 也匹配 '\\n' 或 '\\r' 之前的位置。

匹配前面的子表达式零次或多次。例如，zo* 能匹配 \"z\" 以及 \"zoo\"。* 等价于{0,}。 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 \"zo\" 以及 \"zoo\"，但不能匹配 \"z\"。+ 等价于 {1,}。

匹配前面的子表达式零次或一次。例如，\"do(es)?\" 可以匹配 \"do\" 或 \"does\" 中的

$ * + ?

{n}

{n,}

{n,m}

?

.

(pattern)

(?:pattern) (?=pattern) (?!pattern) x|y [xyz] [^xyz] [a-z]

[^a-z]

\\b \\B

\"do\" 。? 等价于 {0,1}。

n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 \"Bob\" 中的 'o'，但是能匹配 \"food\" 中的两个 o。

n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 \"Bob\" 中的 'o'，但能匹配 \"foooood\" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。

m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，\"o{1,3}\"

将匹配 \"fooooood\" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。

当该字符紧跟在任何一个其他符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非

贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串 \"oooo\"，'o+?' 将匹配单个 \"o\"，而 'o+' 将匹配所有 'o'。

匹配除 \"\\n\" 之外的任何单个字符。要匹配包括 '\\n' 在内的任何字符，请使用象 '[.\\n]' 的模式。

匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到，在

VBScript 中使用 SubMatches 集合，在JScript 中则使用 $0…$9 属性。要匹配圆括号字符，请使用 '\\(' 或 '\\)'。

匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使

用。这在使用 \"或\" 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。

正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，'Windows (?=95|98|NT|2000)' 能匹

配 \"Windows 2000\" 中的 \"Windows\" ，但不能匹配 \"Windows 3.1\" 中的 \"Windows\"。

预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。

负向预查，在任何不匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹

配 \"Windows 3.1\" 中的 \"Windows\"，但不能匹配 \"Windows 2000\" 中的 \"Windows\"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始

匹配 x 或 y。例如，'z|food' 能匹配 \"z\" 或 \"food\"。'(z|f)ood' 则匹配 \"zood\" 或 \"food\"。

字符集合。匹配所包含的任意一个字符。例如， '[abc]' 可以匹配 \"plain\" 中的 'a'。 负值字符集合。匹配未包含的任意字符。例如， '[^abc]' 可以匹配 \"plain\" 中的'p'。 字符范围。匹配指定范围内的任意字符。例如，'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。

负值字符范围。匹配任何不在指定范围内的任意字符。例如，'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。

匹配一个单词边界，也就是指单词和空格间的位置。例如， 'er\\b' 可以匹配\"never\" 中的 'er'，但不能匹配 \"verb\" 中的 'er'。

匹配非单词边界。'er\\B' 能匹配 \"verb\" 中的 'er'，但不能匹配 \"never\" 中的 'er'。

\\cx \\d \\D \\f \\n \\r \\s \\S \ \\v \\w \\W \\xn

匹配由 x 指明的控制字符。例如， \\cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。 匹配一个数字字符。等价于 [0-9]。 匹配一个非数字字符。等价于 [^0-9]。 匹配一个换页符。等价于 \\x0c 和 \\cL。 匹配一个换行符。等价于 \\x0a 和 \\cJ。 匹配一个回车符。等价于 \\x0d 和 \\cM。

匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \\f\\n\\r\\\v]。 匹配任何非空白字符。等价于 [^ \\f\\n\\r\\\v]。 匹配一个制表符。等价于 \\x09 和 \\cI。 匹配一个垂直制表符。等价于 \\x0b 和 \\cK。

匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。

匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，'\\x41' 匹配 \"A\"。'\\x041' 则等价于 '\\x04' & \"1\"。正则表达式中可以使用 ASCII 编码。. 匹配 num，其中 num 是一个正整数。对所获取的匹配的引用。例如，'(.)\\1' 匹配两个连续的相同字符。

标识一个八进制转义值或一个向后引用。如果 \\n 之前至少 n 个获取的子表达式，则 n 为向后引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。 标识一个八进制转义值或一个向后引用。如果 \\nm 之前至少有 nm 个获得子表达式，

\\num

\\n

\\nm

则 nm 为向后引用。如果 \\nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \\nm 将匹配八进制转义值 nm。

\\nml

如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。

匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， \© 匹配版权符号 (?)。

\"p":{"h":16.294,"w":24.565,"x":142.956,"y":787.0,"z":245},"ps":null,"s":{"letter-spacing":"0.039

复杂模式：

分组()

反向引用（?） 候选（|）

非捕获性分组（?:）

前瞻 ：正向前瞻（?=和） 负向前瞻（?!和） (?:pattern) 匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用 \"或\" 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如， (?=pattern)

'Windows (?=95|98|NT|2000)' 能匹配 \"Windows 2000\" 中的 \"Windows\" ，但不能匹配 \"Windows 3.1\" 中的 \"Windows\"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 (?!pattern) 负向预查，在任何不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 \"Windows 3.1\" 中的 \"Windows\"，但不能匹配 \"Windows 2000\" 中的 \"Windows\"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始 边界： 边界 ^ $ \\b \\B 描述 行开头 行结尾 单词的边界 非单词的边界

多行模式

RegExp对象

lastIndex 整数，代表下次将会从哪个字符开始

常用模式

验证日期 、验证信用卡号 、验证电子邮件地址

9、 对象 【重点 熟练应用】 1、 Window窗口对象

主要属性：Name ,Length ,Parent ,Self ,Top ,Status ,Default Status , Opener ,Closed Left 窗口左坐标，不能为负； Top 窗口上坐标，不能为负； Height 窗口高度 ，不能小于100； Width 窗口宽度 ，不能小于100； Resizable 能否拖动边线调整大小，默认no； 属Scrollable 可视窗口容不下要显示的内容，是否允许滚动，默认no； 性 Toolbar 是否显示工具栏，默认no； Status 是否显示状态栏，默认no； Location 是否显示web地址栏，默认no； Default Status 和 Status 属性都是在窗口中使用，在窗口的状态条上显示状态信息。 Default Status 是设置显示默认的状态栏信息；Status 是当一个事件执行时显示状态信息。

open() ：打开一个新的窗口；如下： window.open(url, null,\"height=100,width=100,status=yes,toolbar=no,menuba=no,location=no\") 系统对话框：alert 、promp 、confirm 方alert() ：弹出一个提示对话框； 法 prompt() ： confirm(“ ”) ：自定消息框信息，弹出一个可供选择“确定”和“取消”对话框； setTimeout() ：设置时间间隔和暂停； showModalDialog() ：创建对话框，只有一个close()方法； focus() ：捕获焦点的位置 2、 document对象 属性 主要属性：alinkColor bgColor cookie domain embeds fgColor layers linkColor location title URL vlinkColor alinkColor ：激活链接的颜色； bgColor ：改变页面的背景颜色； fgColor ：页面文本的颜色； lastModified ：最后修改页面的日期，是字符串； linkColor ：链接的颜色； referrer ：浏览器历史中后退一个位置的URL ； title ：