DOM对象的宽高：
1）clientWidth和clientHeight =padding+content（可视部分宽度和高度），如果没有滚动条，即为元素设定的高度和宽度，如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来宽高减去滚动条的宽高\
2）offsetWidth和offsetHeight =border+padding+content。 包括滚动条部分
3）scrollHeight和scrollWidth=当元素内部的内容超出其宽度和高度的时候，元素内部内容的实际宽度和高度， 不超出娶不到值\
4）obj.style.*属性 它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，要获取计算好的样式，请使用obj.currentstyle（IE）和window.getComputedStyle(el)(IE之外的浏览器)
window对象的宽高：
- innerWidth：浏览器窗口内部宽度（包含垂直滚动条）
- outerWidth：整个浏览器窗口的宽度
screen宽高属性
- screen.width：屏幕宽度，浏览器最大化时的最大宽度
- screen.availWidth：浏览器可使用的屏幕最大水平宽度
