JavaScript·DOM,BOM

YI.DOM

1.建立DOM

 

2.删除DOM

 

3.文档碎片

文档碎片能够提升DOM操做性能（理论上）

文档碎片(相似于一个口袋，先将多个元素放在口袋里，放完以后，再将口袋放到最终要插入的元素中):

document.createDocumentFragment()

 

4.DOM:document object model 基础

js的组成之一：ECMAScript   DOM   DOM

 

-childNodes:获取子节点

-兼容性问题：在火狐浏览器下，文本节点和元素节点都会被统计，解决方法：nodeType

nodetype中,1表明元素节点；3表明文本节点。

-children:取子节点，可是与childNode比具备兼容性，不会将空文本节点计算进子节点中

 

-parentNode:父节点

 

 -offsetParent：获取当前元素定位父级（经过这个方法获取元素的绝对坐标）

 

 5.DOM节点

 -firstchild与firstElementChild:第一个子节点（前者在IE上能够用;后者在火狐上能够用。）

 

- previousSibling(IE适用)与previousElementSibling(FF适用):上一个兄弟节点

 

-nextSibling(IE适用)与nextElementSibling(FF适用)：下一个兄弟节点

 

 

6.DOM操纵元素属性

元素.属性=元素['属性']

 

7. 用className选择元素

 

封装成函数：

 

ER.BOM

 

1.BOM：Browser object model基础

 

打开、关闭窗口

 

-document.write

 

-close（IE能够关闭，chrome能够；FF不能，须要用脚本open的窗口才行）

 

-属性

-userAgent：当前浏览器版本

 

-location：当前窗口地址

 

 尺寸和坐标

 

系统对话框

 

 

window对象经常使用事件：

 

clientHeight：可视区高度

scrollTop：可视区页面到整个页面高度