《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