js——BOM

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

　 open(頁面的地址url，打開的方式) ：方法  打開一個新的窗口（頁面）

　　　　若是url爲空，折磨人打開一個空白頁面

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

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

　　close()：方法  關閉窗口

　　　　　　一、fireFox：默認沒法關閉

　　　　　　二、chrome：默認直接關閉

　　　　　　三、ie：詢問用戶

　　　　　　能夠關閉在本窗口中經過js方法打開的新窗口，瀏覽器均兼容！

　　window.navigator.userAgent : 瀏覽器信息

　　window.location : 瀏覽器地址信息

　　　　window.location.href = window.location內容

　　　　window.location.search = url?後面的內容

　　　　window.location.hash = url#後面的內容

　　window.status：設置或返回窗口狀態欄中的文本

　

　　可視區尺寸：  //**無兼容問題

　　　　document.documentElement.clientWidth

　　　　document.documentElement.clientHeight

　　滾動距離：

　　　　document.body.scrollTop/scrollLeft    //**chrome認爲滾動距離是針對body的，因此使用這個

　　　　document.documentElement.scrollTop/scrollLeft   //**chrome存在問題

　　　　若是使用能夠這樣：var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

　　內容高度：

　　　　元素.scrollHeight   //**獲取元素內部內容的實際高度

　　文檔高度：

　　　　document.documentElement.offsetHeight  //存在兼容問題

　　　　document.body.offsetHeight   //當body去除padding和margin後，瀏覽器表現一致，推薦使用這個

　　　　　　　　　　　　　　　　　　　　ie若是內容沒有可視區高，那麼文檔高就是可視區高

　　onscroll：當滾動條滾動的時候觸發

　　onresize：當窗口大小發生變化的時候觸發