程序员人生 网站导航

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

栏目:jscript时间:2014-03-22 16:08:56

  建站学院文档  如何用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>

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐