JS如何获取页面可见区域高度

JavaScript023

JS如何获取页面可见区域高度,第1张

var s ="网页可见区域宽："+ document.body.clientWidths+="\r\n网页可见区域高："+ document.body.clientHeights += "\r\n网页正文全文宽："+ document.body.scrollWidths += "\r\n网页正文全文高："+ document.body.scrollHeights += "\r\n网页正文部分上："+ window.screenTops += "\r\n网页正文部分左："+ window.screenLefts += "\r\n屏幕分辨率的高："+ window.screen.heights += "\r\n屏幕分辨率的宽："+ window.screen.widths +="\r\n屏幕可用工作区高度："+ window.screen.availHeights +="\r\n屏幕可用工作区宽度："+ window.screen.availWidthalert(s)</SCRIPT>

网页可见区域宽： document.body.clientWidth

网页可见区域高： 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

--------------这种问题网上一搜一大把，关键是要理解其中JS获取的原理----------

先来一个浏览器窗口大小改变的事件，用来查看浏览器窗口的大小被改变可以触发一些函数

window.onresize 浏览器窗口大小改变事件

在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。

（不加边线）：

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