1.clientHeight[width] : 可視區(qū)寬高

alert(document.documentElement.clientHeight)

2 scrollTop[left] ： 滾動條滾動的距離，存在兼容性問題，在ff，ie下認為滾動條是在documentElement元素上，而chrome則認為存在body上

//解決兼容性問題 var scroll = document.documentElement.scrollTop || document.body.scrollTop;

3.scrollHeight[width] ： 內(nèi)容的寬高
html部分

<div id="div1" style="width:100px;height:100px;border: 1px solid red;padding:10px;"><div id="div2" style="width:100px;height:200px;background:green"></div> </div>

內(nèi)容高其實就是div1的高度+溢出部分的高度 –>210，如果給div1加上一個overflow：hidden，ff、ie還是為210，但chrome則為220，多一個padding

4.offsetHeight[width] ： 文檔的寬高

alert(document.documentElement.offsetHeight)//在body去掉默認樣式的情況下也可寫成下面這樣alert(document.body.offsetHeight)

5.onscroll : 當滾動條滾動時觸發(fā),在一定的時間內(nèi)觸發(fā)一次，而不是每滾動多少距離觸發(fā)一次

var i = 0; window.onscroll = function(){document.title = i++; }

6.onresize : 當窗口大小發(fā)生變化時觸發(fā)

var j = 0;window.onresize = function(){document.title = j++; }

總結(jié)

以上是生活随笔為你收集整理的文档宽高和窗口事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。