深入研究浏览器的各种高度

项目中经常碰到各种高度，今天再次总结一下 

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的意思一样，不过不同的浏览器支持得不一样。