知向前端
js获取浏览器、文档、body的宽度和高度的DOM/BOM方法
2015-4-13 Jon
    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一致
发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容