BOM

BOM:Browser Object Model 瀏覽器對象模型

　　window.open（頁面的地址url，打開的方式）方法 打開一個新的窗口。window可不寫，直接open()使用

　　　　若是url爲空，則默認打開一個空白頁面

　　　　若是打開方式爲空，默認爲新窗口方式打開。

　　　　返回值：返回新打開的窗口的window對象

　　window.close():方法 關閉窗口    不一樣瀏覽器表現的效果不一樣。例如IE會彈出對話框讓你選擇是否要真的關閉，火狐不支持這種用代碼關閉，默認沒法關閉；chrome默認直接關閉  

　　　　　　-------能夠關閉本窗口中經過js打開的新窗口 

　　window.navigator.userAgent------>瀏覽器信息，包括瀏覽器內核，內核版本，瀏覽器版本

　　window.location與window.location.href:------->瀏覽器地址信息,獲取的是地址欄上的信息內容，返回的是一個對象而不是字符串

　　window.location.search:--------->url?後面的內容　　

　　window.location.hash：------->url#後面的內容  能夠經過 < 和 >進行前進後退切換

　　窗口的尺寸與大小

　　• 可視區尺寸

　　　　–document.documentElement.clientWidth

　　　　–document.documentElement.clientHeight

　　• 滾動距離

　　　　–document.body.scrollTop/scrollLeft  --------chrome瀏覽器適用，其餘瀏覽器不行,chrome瀏覽器認爲滾動條屬於body的，而其餘瀏覽器認爲滾動條屬於整個文檔的

　　　　–document.documentElement.scrollTop/scrollLeft----------除了chrome瀏覽器，其餘均可以

　　　　能夠經過document.documentElement.scrollTop||document.body.scrollTop 來兼容各瀏覽器

　　• 內容高度

　　　　–document.元素內容.scrollHeight   會連這padding值計算在內

　　• 文檔高度

　　　　–document.documentElement.offsetHeight  -----有兼容性問題，IE計算出來的是可視區的高

　　　　–document.body.offsetHeight

　 　 onscroll:當滾動條滾動的時候觸發   （與拉滾動條的時間間隔有關）

　　onresize:當窗口大小發生改變的時候觸發   （與拉動的時間間隔有關）