document.body.scrollTop等屬性可以獲取頁面滾動距離等，但是此類屬性在xhtml標準網頁或者更簡單的說是帶<!DOCTYPE ..>標簽的頁面里得到的結果是0，

所以一般為了兼容性都這樣寫 document.documentElement.scrollTop || document.body.scrollTop;以下document屬性全部推薦這種寫法.

網頁可見區域寬： document.body.clientHeight;
網頁可見區域高： document.body.clientHeight
網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
網頁可見區域高： document.body.offsetHeight (包括邊線的高)
網頁正文全文寬： document.body.scrollWidth
網頁正文全文高： document.body.scrollHeight
網頁被卷去的高： document.body.scrollTop
網頁被卷去的左： document.body.scrollLeft
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區高度： window.screen.availHeight
屏幕可用工作區寬度： window.screen.availWidth

轉載于:https://www.cnblogs.com/zimengxiyu/p/10069714.html

總結

以上是生活随笔為你收集整理的js获取页面的各种高度与宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。