JS获取浏览器窗口及元素宽高常用方法

文档可视区域宽度： document.documentElement.clientWidth

文档可视区域高度： document.documentElement.clientHeight

元素的宽度：HTMLElement.offsetWidth

元素的高度：HTMLElement.offsetHeight

元素的宽度（包括溢出不可见内容）： document.body.scrollWidth

元素的高度（包括溢出不可见内容）： document.body.scrollHeight

滚动条下拉被卷起来的距离：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

滚动条侧拉被卷起来的距离：document.body.scrollLeft || document.documentElement.scrollLeft 

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

相对于父元素的上位移：HTMLElement.offsetTop（在元素的包含元素不含滚动条的情况下）

相对于父元素的左位移：HTMLElement.offsetLeft（在元素的包含元素不含滚动条的情况下）