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

前言

前面我有一篇文章，介绍js和jquery的高度，http://blog.csdn.net/qq_39198420/article/details/77862730

下面来抛砖引玉，简单的把“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对象的五种坐标

下面是所有列表：