js/jquery各种宽高的理解和应用

window相关的宽高

window是可以省略的，直接与window挂钩的宽高有如下几个！

window.innerWidth
window.innerHeight
window.outerWidth
window.outerHeight

展示如下：

innerHeight又叫可视区域。支持IE9及以上浏览器。

window.screen.height
window.screen.width
window.screen.availHeight
window.screen.availWidth
window.screenTop
window.screenLeft

与document相关的宽高

包括与client相关的、与offset相关的、与scroll相关的。

并讲到了documentElement和body的区别。

Event对象的五种坐标