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：可視區頁面到整個頁面高度