首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js网页看得出区域

2012-09-01 
js网页可见区域为什么我用alert以下这些,都不出现结果呢?document.body.clientWidthdocument.body.client

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>

热点排行