JS 中关于document和window对象的一些值： scrollHeight,scrollLeft,scrollTop,scrollWidth等。。

昨天写了个浏览器窗口有滚动条的拖拽，发现自己对这些值实在不熟悉，今天一边调试一边来找到出答案。

1.document.documentElement.clientHeight : 可视区域的高度  (documentElement可以用body替换，值相同)**

2.document.documentElement.offsetHeight :与上相同 （width属性也一样，但换成body后不一样）**

3.document.body.offsetHeight/Width:代表整个body的高度宽度;

4.document.documentElement.scrollTop:被卷去的高度（document.body.scrollTop 同）相对应的还有scrollLeft;

5.document.documentElement.scrollWidth ： 与clientHeight相等 **

6.document.body.scrollwidth: 与document.body.offsetWidth 相等

7.document.documentElement.scrollLeft 

8.屏幕分辨率的高： window.screen.height; 
9.屏幕分辨率的宽： window.screen.width; 

10. window.screenTop/Left; 浏览器窗口相对于屏幕的距离

11.window.screen.availHeight/Width 当前屏幕可以使用的高度和宽度

总结下 document.body.offsetHeight = document.body.scrollHeight

document.body.clientHeight = document.documentElement.clientHeight = document.documentElement.scrollHeight = document.documentElement.offsetHeight

document.documentElement.scrollLeft = document.body.scrollTop