網頁可見區域寬：document.body.clientWidth
網頁可見區域高：document.body.clientHeight
網頁可見區域寬：document.body.offsetWidth(包括邊線的寬)
網頁可見區域高：document.body.offsetHeight(包括邊線的寬)
網頁正文全文寬：document.body.scrollWidth
網頁正文全文高：document.body.scrollHeight
網頁被卷去的高：document.body.scrollTop(IE7無效)
網頁被卷去的左：document.body.scrollLeft(IE7無效)

網頁被卷去的高：document.documentElement.scrollTop(IE7有效)

網頁被卷去的左：document.documentElement.scrollLeft(IE7有效)
網頁正文部分上：window.screenTop
網頁正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工作區高度：window.screen.availHeight
屏幕可用工作區寬度：window.screen.availWidth

相對于窗口左上角的X：window.event.clientX

相對于窗口左上角的Y：window.event.clientY
相對于整個頁面的X：window.event.X
相對于整個頁面的Y：window.event.Y

轉載于:https://www.cnblogs.com/Strive-count/p/6634767.html

總結

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

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