可视区的宽、高：clientWidth 、clientHeight
滚动距离：scrollTop
内容的实际高度：scrollHeight
HTML代码：
<body style="height:2000px;">
<div id="div1" style="width:100px; height:100px; border:1px solid red; padding:10px; margin:10px;">
<div style="width:100px; height:600px; background:#ccc;"></div>
</div>
</body>
JS代码：
// 可视区的宽、高
// alert(document.documentElement.clientWidth);
// alert(document.documentElement.clientHeight);
//滚动距离
document.onclick = function(){
// alert(document.documentElement.scrollTop); //IE/火狐支持
// alert(document.body.scrollTop); //仅Chrome支持
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// alert(scrollTop);
//scrollHeight : 内容实际宽高
var oDiv = document.getElementById(‘div1‘);
alert(oDiv.scrollHeight);
};
时间： 2024-10-18 20:56:05