1、文档区域的高度
document.body.clientHeight
2、窗口可视化区域的高度和宽度
document.documentElement.clientHeight
document.documentElement.clientWidth
3、窗口的总高度
document.documentElement.scrollHeight
4、窗口已滚动的高度
[*]几乎所有浏览器都支持用document.documentElement.scrollTop来获取网页的滚动高度,除了Chrome和Safari
[*]只有Chrome和Safari支持用document.body.scrollTop来获取网页的高度
[*]通过获取document.documentElement.scrollTop和document.body.scrollTop两者之间较大值为网页的真实滚动高度
document.documentElement.scrollTop
document.body.scrollTop
5、得到窗口已滚动的高度,并显示在document.title上
<script type="text/javascript">
window.onscroll = function() {
var topValue1 = document.documentElement.scrollTop;
var topValue2 = document.body.scrollTop;
var topValue = topValue1 > topValue2 ? topValue1 : topValue2;
document.title = topValue;
}
</script>