与我联系

js获取浏览器、文档、body的宽度和高度的DOM/BOM方法

2015-4-13 一诺 html+css

    document.body.offsetWidth返回body的offsetWidth(包括边框) 
    document.body.offsetHeight返回body的offsetHeight(包括边框) 
    网页可见区域宽:document.body.clientWidth 
    网页可见区域高:document.body.clientHeight 
    document.body.clientwidth返回body的clientwidth(不包含边框),clientwidth = offsetWidth - borderWidth
    网页正文全文宽: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.documentElement.scrollWidth 返回整个文档的宽度
    document.documentElement.offsetWidth 返回整个文档的可见宽度
    document.documentElement.clientwidth 返回整个文档的可见宽度(不包含边框),clientwidth = offsetWidth - borderWidth
    不过一般来说,我们不会给document.documentElement来设置边框,所以这里的clientwidth 与 offsetWidth一致

标签: 获取浏览器、文档宽高

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

声明:如无特殊注明,所有博客文章版权皆属于作者,转载使用时请注明出处。谢谢!

发表评论:

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog