JavaScript总结 (3).doc

一份文档就是一颗节点树。
节点分为不同的类型：元素节点，属性节点，文本节点。
getElementsByTagName和getElementByClassName将返回一个对象数组，他们分别对应着文档里的一组特定的元素节点。
每一个节点都是一个对象。
获取元素：（属于document对象，用document对象调用）
getElementById
getElementByTagName
getElementByClassName
获取属性：（通过元素节点对象调用）
getAttribute
更改属性节点值：（通过元素节点对象调用）
setAttribute
DOM属性
1、childNode属性：可以获取任何一个元素的所有子元素，它是一个包含这个元素的所有子元素的数组:
2、nodeType属性：
元素节点的nodeType属性值是1；
属性节点的nodeType属性值是2；
文本节点的nodeType属性值是3；
向后兼容：
对象检测
=function()
{
If(!) return false;
Var lnks=(“a”);
For(var i=0;i<;i++){
If(lnks[i].getAttribute(“class”)==”popup”){
Lnks[i].onclick=function(){
Popup((“href”));
Return false;
}
}
}
}
浏览器嗅探技术
性能考虑：
尽量减少访问DOM和尽量减少标记
合并和放置脚本
压缩脚本-min
代码压缩工具：
Douglas Crockford的JSMin
雅虎的YUI Compressor
谷歌的Closure Compiler
共享onload事件：
Function addLoadEvent(func){
Var oldonload=;
If(typeof !=’function’){
=func;}
Else{
=function(){
Oldonload();
Func();}
}
}

如果在这个处理函数上没有绑定任何函数，就像平时那样把新函数添加给它
如果在这个处理函数上已经绑定了一些函数，就把新函数追加到现有的指令的末尾
DOM方法：
createElement方法（创建一个新元素）
语法：(nodeName)
如创建一个p元素：
Var para=(“p”)
appendChild方法：（把新元素插入节点树）
语法：p