项目中经常碰到各种高度，今天再次总结一下
1）getboundingClientRect()
这个是IE下特有的一个方法，该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，它返回的是一个对象，该对象有是个属性：top，left，right，bottom ，其中如果滚动了滚动条，top和left的值可能会为负值，因为他是相对了可视窗口，被卷进去了。
2）scrollTop
表示的意思是对象被卷进去的高度，如果是body的对象，那么则表示滚动条卷去的高度，即浏览器上方隐藏的高度。如果是div等对象，那么就表示滚动条滚去该div上方的高度。
3）offsetHeight,offsetWidth
对象的实际高度 包括padding height border三个在一起的高度，如果用在div对象上，则表示这个这个div加边框框住的高度。
如果是body对象的，那么则表示这个 整个网页的高度，即可见区域的高度，body的高度。
如果是documentElement这个对象的，这个等同于body对象
4）scrollHeight,scrollWidth
就是表示整个网页的高度
5）clientHeight,clientWidth
网页的视觉区域高度和宽度，整个要看文档的模型 doc.compatMode == 'BackCompat' 则在body对象上，
否则则用在documentElement 对象上，则表示可见窗口的高度和宽度
6） pageXOffset
网页被卷去的高度，与scrollTop的意思一样，不过不同的浏览器支持得不一样。