js获取页面的各种高度大全

1，获取屏幕的高度和宽度（屏幕分辨率）：

window.screen.height

window.screen.width2，

获取屏幕工作区域的高度和宽度（去掉状态栏）：

window.screen.availHeight

window.screen.availWidth

3，网页全文的高度和宽度：

document.body.scrollHeight

document.body.scrollWidth

4，滚动条卷上去的高度和向右卷的宽度：

document.body.scrollTop

document.body.scrollLeft

5，网页可见区域的高度和宽度（不加边线）：

document.body.clientHeight

document.body.clientWidth

6，网页可见区域的高度和宽度（加边线）：

document.body.offsetHeight

document.body.offsetWidth

 

2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

// 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight; // 通过深入 Document 内部对 body 进行检测，获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; }