日期:2014-05-16  浏览次数:20505 次

js网页可见区域
为什么我用alert以下这些,都不出现结果呢?
document.body.clientWidth;  
document.body.clientHeight;  
document.body.offsetWidth+"(包括边线和滚动条的宽)";  
document.body.offsetHeight+"(包括边线的宽)";  
document.body.scrollWidth;  
document.body.scrollHeight;  
document.body.scrollTop;  
document.body.scrollLeft; 
我验证却没有结果,这岂不是很气人,我使用的是IE和世界之窗!

------解决方案--------------------
HTML code

<html>
<head>
</head>
<script type="text/javascript">
window.onload=function(){
                                alert("屏幕分辨率的高度:"+window.screen.height);
                                alert("屏幕分辨率的宽度:"+window.screen.width);
                                alert("屏幕可工作区域的高度:"+window.screen.availHeight);
                                alert("屏幕可工作区域的宽度:"+window.screen.availWidth);
                                 alert("网页正文部分距离上边距:"+window.screenTop);
                                 alert("网页正文部分距离左边距:"+window.screenLeft);
                                 alert(document.body.scrollTop);
                             }
</script> 
<body>
This is zhengwen!
</body>
</html>

------解决方案--------------------
<html>
<head>
</head>
<script type="text/javascript">
window.onload=function(){
alert("屏幕分辨率的高度:"+window.screen.height);
alert("屏幕分辨率的宽度:"+window.screen.width);
alert("屏幕可工作区域的高度:"+window.screen.availHeight);
alert("屏幕可工作区域的宽度:"+window.screen.availWidth);
alert("网页正文部分距离上边距:"+window.screenTop);
alert("网页正文部分距离左边距:"+window.screenLeft);
alert(document.body.scrollTop);
}
</script> 
<body>
This is zhengwen!
</body>
</html>