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