国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > 实例代码:利用javascript获取网页文档高度

实例代码:利用javascript获取网页文档高度

来源:程序员人生   发布时间:2014-03-22 16:08:56 阅读次数:3392次

  建站学院文档  如何用JAVASCRIPT获取当前窗口的高度和宽度?前段时间在csdn程序员开发网站的交流论坛,看到有朋友如是问,且不论该朋友请教本代码的用处,我们来看一下最佳答案,这是一段实例代码,其中都加了标注,对于菜鸟站长帮助非常大的。

以下为引用的内容:
<script type="text/javascript">  
var     s   =   "";  
s   +=   "网页可见区域宽:"+   document.documentElement.clientWidth;  
s   +=   "网页可见区域高:"+   document.documentElement.clientHeight;  
s   +=   "网页可见区域宽:"+   document.documentElement.offsetWidth     +"   (包括边线的宽)";  
s   +=   "网页可见区域高:"+   document.documentElement.offsetHeight   +"   (包括边线的宽)";  
s   +=   "网页正文全文宽:"+   document.documentElement.scrollWidth;  
s   +=   "网页正文全文高:"+   document.documentElement.scrollHeight;  
s   +=   "网页被卷去的高:"+   document.documentElement.scrollTop;  
s   +=   "网页被卷去的左:"+   document.documentElement.scrollLeft;  
s   +=   "网页正文部分上:"+   window.screenTop;  
s   +=   "网页正文部分左:"+   window.screenLeft;  
s   +=   "屏幕分辨率的高:"+   window.screen.height;  
s   +=   "屏幕分辨率的宽:"+   window.screen.width;  
s   +=   "屏幕可用工作区高度:"+   window.screen.availHeight;  
s   +=   "屏幕可用工作区宽度:"+   window.screen.availWidth;  
alert(s);  
</script>

  通过以上代码,我们可以清清楚楚的看到每个语句的注释,建站学院的小编建议你把以上代码加以运行,就可以看到效果!

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生