宽高总结

window.innerHeight　　　//浏览器窗口高度

window.innerWidth　　　　

window.outerHeight　　　//浏览器窗口外部高度（工具栏，滚动条）

window.outerWidth

对于移动设备，window.innerWidth和window.innerHeight保存着可见视口，也就是屏幕上可见页面区域的大小。

 

window.screen.height　　　　　　　//电脑屏幕高度

window.screen.width

window.screen.availHeight　　　　　//屏幕可用高度

window.screen.availWidth

window.screenTop　　　　　　　　　//窗口相对于屏幕的X和Y坐标

window.screenLeft

 

document.body.clientWidth　　　　//元素的可视部分宽度，padding+content

document.body.clientHeight

document.body.clientLeft　　　　　//元素的border的宽度，不指定边框或者不定位，值为0

document.body.clientTop

 

document.body.offsetWidth　　　　//元素的border+padding+content的宽度

document.body.offsetHeight

document.body.offsetLeft　　　　//获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

document.body.offsetTop

 

document.body.scrollWidth　　　　//获取对象的滚动宽度

document.body.scrollHeight

document.body.scrollLeft　　　　　//设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

document.body.scrollTop

 

event.clientX 　　　　//相对文档的水平座标 
event.clientY 　　　　//相对文档的垂直座标

event.offsetX　　　　// 相对容器的水平坐标

event.offsetY 　　　　// 相对容器的垂直坐标