《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