浏览器窗口的可视区域

浏览器窗口的可视区域大小指的是什么,
document.body.clientHeight、document.documentElement.clientHeight有什么区别

还是有一些区别的，下面是在ie上的测试

2

3 New Document
4 <br> 5 &lt;!--<br> 6 function a(){<br> 7 document.getElementById(&quot;bodyheight&quot;).innerText = document.body.clientHeight;<br> 8 document.getElementById(&quot;documentheight&quot;).innerText = document.documentElement.clientHeight;<br> 9 }<br> 10 //--&gt;<br> 11
12
13
14
15

16 click here
17

18 document.body.clientHeight = px
19

20 document.documentElement.clientHeight = px
21

22
23
测试结果：

当页面上有DOCTYPE的时候,值为

document.body.clientHeight = 54px
document.documentElement.clientHeight = 729px

当没有DOCTYPE时

document.body.clientHeight = 729px
document.documentElement.clientHeight = 0px

可以看出，document.body.clientHeight 和 document.documentElement.clientHeight 的区别。

补充一下
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientHeight ==> 可见区域高度
这两个是不一样的，比如打开chrome的控制台，可见区域就会减少控制台的高度那么多，而body对象的高度是不会减少的

document.body.clientHeight ，document.documentElement.clientHeight依赖文档申明，如果是xhtml（CSS1Compat）用documentElement，backCompat用body

可视区域就是网页在当前浏览器窗口中可见的矩形部分。document.body.clientHeight、document.documentElement.clientHeight 没有区别。