itRef.cn技术参考网站

当前位置: 主页 > JS >

document.documentElement.clientHeight与document.body.clientH

时间:2010-06-09 16:39来源:未知 作者:adm_ref 点击:
document.documentElement.clientHeight与document.body.clientHeight 的区别 经常碰到这两个属性,但以前都没仔细的去研究,现在有点时间,做一些实例来进行学习。 实验一:带有文档声明 带文档声明,就是在文档头部包含一下一段代码 !DOCTYPEhtmlPUBLIC -/

document.documentElement.clientHeight 与 document.body.clientHeight 的区别

经常碰到这两个属性,但以前都没仔细的去研究,现在有点时间,做一些实例来进行学习。

实验一:带有文档声明

带文档声明,就是在文档头部包含以下一段代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 


 提示:您可以先修改部分代码再运行

实验结果:

document.body.clientHeight 
在IE6、IE7、IE8、FF浏览器都返回相同的结果,都为文档的实际高度,包括滚动的部分

document.documentElement.clientHeight
在IE6、IE7、IE8、FF浏览器都返回相同的结果,都为文档的可视高度,不包括滚动部分

实验二:不带文档声明


 提示:您可以先修改部分代码再运行

实验结果:

document.body.clientHeight
在IE6、IE7、IE8、FF浏览器都返回相同的结果,都为文档的可视高度,不包括滚动的部分

document.documentElement.clientHeight
在IE6、IE7、IE8浏览器都返回0,FF返回文档的实际高度,包括滚动的部分

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
栏目列表
推荐内容