码迷,mamicode.com
首页 > 其他好文 > 详细

[No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别

时间:2015-12-16 22:45:38      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

 document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

注意开头<!DOCTYPE ..>的声明,没有该声明时,document.documentElement.clientHeight 始终在Chrome中为1016 px

测试代码:

<!DOCTYPE html >
 <head>
  <title> New Document </title>
  <script language="JavaScript">
  function a(){
        document.getElementById("bodyheight").innerText = document.body.clientHeight;
        document.getElementById("documentheight").innerText = document.documentElement.clientHeight;
    }
  </script>
 </head>

 <body style= "height: 1000px;">
    <p>
        <a href="javascript:a()">click here</a>
        <br/>
            document.body.clientHeight = <span id="bodyheight"></span> px
        <br/>
            document.documentElement.clientHeight = <span id="documentheight"></span> px
    </p>
 </body>
</html>

 

[No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别

标签:

原文地址:http://www.cnblogs.com/Chary/p/No000068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!