读书人

js网页看得出区域

发布时间: 2012-09-01 09:33:03 作者: rapoo

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>

读书人网 >JavaScript

热点推荐