您当前位置：首页 > web前端 > jscript > 实例代码：利用javascript获取网页文档高度

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

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

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

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

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

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

上一篇 pb获取软件编译日期（时间）的快捷方法

下一篇 SQL Server 转 Mysql 的一些记录

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点