js获取页面的各种高度与宽度

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

网页可见区域宽 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.width 屏幕分辨率的宽

window.screen.height 屏幕分变率的高

window.screen.availHeight屏幕可用工作区高度

window.screen.availWidth 屏幕可用工作区宽度

转载请注明：有客帮 » js获取页面的各种高度与宽度