javascropt学习笔记1

《javascript捷径教程》 针对已有javascript经验基础

1.代码装载和解析，要调用的函数必须放在前面，第三方脚本尽量放在底部以减少等待时间。

Ch2

2.Web开发三层论，HTML负责结构，CSS负责样式，Javascript负责行为。

3.Javascript提供两种方式来访问对象的属性，点号和方括号，方括号的好处是可以通过变量来执行函数，

4.值传递和引用传递，对象作为参数传递时是引用传递。

5.DOM是一个应用程序编程接口，定义了一组对象以及其中的属性和方法。常用的三种节点类型：元素、属性和文本。

6.Document对象，通过document对象可以引用到页面中的任意元素。

6.1常用函数  getElementById()   从页面中通过ID获取单个元素

                      getElementsByTagName()  获取具有指定标签名的所有元素

                      childNodes   节点的一个属性，取得元素的所有子结点

                      parentNode  获取当前元素的直接父结点

                      nextSibling / previousSilbling 分别获取前一个和后一个结点

                      firstChild / lastchild  获取当前元素的第一个或最后一个子结点

   注意：除IE外标签间的空白也算作结点

               编写以便于获取元素结点     function getElement（node）

                                                               {

while（node && node.nodeType!=1）//判断是否为元素结点   元素结点类型为1

{

node=node.nestSibling;

}

return node;

}

6.2处理属性

方法：getAttribute()  访问属性  也可以使用点号访问

            setAttribute()  设置属性

style属性和class属性，要学会用类名替代直接修改样式属性，在样式表里定义类选择符，当向DOM中增添新元素时，只要设置className属性就能得到相应样式。

6.3向DOM中插入内容

方法：appendChild()  将新元素作为父元素的最后一个子结点插入

            insertBefore()    讲新元素插入到指定元素之前

            replaceChild()    用新元素替换掉已有元素

*使用innerHTML属性向文档添加修改内容。

7.正则表达式

实例化正则表达式有两种方法：

a通过正则表达式类   var re = new RegExp('regex','ig');    两个参数第一个是要匹配的字符串，第二个是设置匹配方式的标志：i 忽略大小写， g 全局匹配，m 匹配多行

b通过字面量姓氏  var re = /regex/ig;

正则表达式的主要方法：exec  和test ，exec在字符串中搜索并把匹配的结果用一个数组返回，test 方法找到匹配是返回true否则返回false。

正则表达式还需要另外花时间学习。AA