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

2015-4-13 Jon 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一致

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