最新消息:本站所有跳转向bbs.ykit.cn的附件将全面停止,附件已转移到https://www.qingsj.com

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

JavaScript 有客 224浏览
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获取页面的各种高度与宽度