HTML中尺寸问题

1视口的可视尺寸
window对象的属性innerWidth、innerHeight
但是在IE8及其以下版本没有此属性，因此当文档在严格模式和怪异模式下，兼容模式是document.documentElement.clientWidth||document.body.clientWidth
2视口的真实尺寸（包括滚动部分）
window 对象的属性pageXOffset、pageYOffset
但是在IE8及以下版本没有此属性，在严格模式和怪异模式下。兼容写法是document.documentElement.scrollLeft||document.body.scrollLeft隐藏部分
3元素的可视尺寸
clientWidth、clientHeight:width/height+padding
offsetWidth、offsetHeight:width/height+padding+border
4元素的真实尺寸
scrollWidth/scrollHeight(不包括边框的宽度）