前言
前面我有一篇文章，介绍js和jquery的高度，http://www.haorooms.com/post/js_jquery_height 但是，这篇文章不是很细致，讲的不是很全。近期接受慕课网邀请，录制了“js/jquery各种宽高的理解和应用”这套课程。详细介绍了js和jquery的各种宽高及延伸。课程已经录制完毕，估计近期上线~ 还望大家多多支持！
下面来抛砖引玉，简单的把“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对象的五种坐标
具体我就不多写了，等上线之后大家看视频教程吧！
下面把部分大纲列上：
介绍课程目标和学习内容
与window相关的宽高介绍
window相关的宽高举例演示
window相关宽高浏览器兼容
与document相关的宽高介绍
documentElement和body的区别
document相关的宽高举例演示
document下面宽高的浏览器兼容
js图片可视区域加载（上）
js图片可视区域加载（下）
网页滚动到底部加载
DIV滚动到底部加载
计算滚动条的宽度
jquery宽高简介
jquery宽高举例
jquery宽高浏览器兼容
jquery图片可视区域加载
jquery之滚动到底部加载
总结课程希望大家多多支持，谢谢！