JavaScript DOM HTML CSS.docx

本文记载所有有关JavaScript、HTML、Dom、CSS的笔记，前半部分（HTML库标题之前）是JavaScript以及Dom，后半部分（HTML库标题之后）属于HTML库和CSS.

JS基本语法：
使用javascript的方式
Javascript像样式一样，声明在head标签中

其实定义在任何一个位置都可以，只有HTML页面执行到那个位置时才执行。
引用外部js文件：

函数及变量定义

定义函数：
function函数名字（参数）{}
定义变量：
var变量名，页面中某个元素的name值中可以有破折线（-），但是变量名中不可有破折线。

这句话的意思是获取id的值为username的元素（不是元素上的值）。可以调用username.value来取得上面的文本。
javascript中的变量严格区分大小写。
数组与字典
javascript中的数组是Array类。声明一个数组用如下的语法：

javascript中数组的长度是不受限制的，声明的上述names数组变量以后可以以如下方式添加元素：

声明数组的简化方式：

数组有属性length表示数组的长度。
使用javascript中的for……in语法时获取到的是数组的key信息而不是value信息。有的对象中，它的各种属性和方法以key的方式出现的时候，也可以使用这种方式来查看该对象中可以调用和使用的所有属性和方法。例如：

创建一个字典集合如下：（注意：是大括号）
varset={“百度”:”http://www.baidu.com”,”新浪”:”http://www.sina.com”}
如果这样写就是创建了一个长度为2的数组集合，数组中两个元素的key值分别为“百度”和“新浪”，其对应的值分别为“http://www.baidu.com”和“http://www.sina.com”。
我们可以这样引用它：
var第一个元素的值=set[“百度”];
用大括号制造的是key与value的集合，用中括号写的是value，key是0,1,2,3的数。
join（分隔符）
该方法由数组对象调用，用于将数组中的所有元素用分隔符分开制作一个完整的字符串。

字符串拼接
javascript中的字符串拼接同Java类似，支持加号连接。
字符串转换为数字
varnum=parseInt(“待转化的字符串”,进制数);比如将字符串“123”转换成10进制数这样写：
num=parseInt(“123”,10);
该方法尽最大可能将字符串转化为数字，意思是说，如果给定的字符串不全为数字也能成功转化。
for循环
javascript中的for循环同java以及c#一样分为两种，一种传统模式：

另一种是in模式：这种模式会取到radios当中的key值而不是value值，所以如果遍历某个对象，不应该使用这种方式，例如遍历一个数组，得到的结果就是0,1,2,3的值，主要就是因为这种for循环取得的是对象的key值。

this关键字
this关键字指代发生事件的元素，只能在事件语句中使用，不可以在调用函数中使用。相当于window.event.srcElement。但二者并不完全一致，这主要体现在事件冒泡之中，事件冒泡中，子元素触发的事件能使得父元素也触发事件，比如点击事件。这时候如果是子元素触发的事件，在父元素中使用srcElement会得到子元素，但是在父元素中使用this就是undefined。
正则表达式
创建一个正则表达式用RegExp类：
varre=newRegExp("\\d{5}");
双斜杠表示转义字符“\”，“\d”表示数字，后面大括号5表示五个数字。简写方式：
varre=/\d{5}/;
/表达式是JavaScript专门为简化正则表达式编写而提供的语法，写在/表达式/中的正则表达式就不用管转义字符了。
符号含义/表示正则表达式开始（表达式结束时也应该加一个该符号）\d数字\D任何一个非数字字符\s任何空白，空格，制表符，换页符。\S任何一个非上述字符\w任何一个字母，数字，下划线\W任何一个非字母，数字，下划线i(结束后)表示不区分大小写g(结束后)表示正则表达式进行全文匹配。{数字A}表示必须匹配A次{数字A,}表示至少匹配A次{数字A,数字B}表示最少出现A次，最多出现B次。.代表任意的字符+一个或多个字符*零个或多个字符?匹配零个或一个()括号中包含一些元素，用于匹配分组。^(6上面)表示开头。$表示结束位置。
正则表达式变量可调用的方法：
test(str);
该方法返回true或者false，来判断某个字符窜是否符合正则表达式。
exec(str);
对字符串进行匹配搜索，返回值为匹配的组。与上述表格中的括号（），一同使用。整个表达式