document.body.clientHeight返回值为0的解决方案

http://www.thinksaas.cn/group/topic/306287/

 

使用HTML5 DOCTYPE,会出现document.body.clientHeight为0
网上查了一下, 貌似有很多个解决方案。

1. 使用document.documentElement.clientHeight获取。
当使用html5的时候,就会有documentElement在document下。




如上图所示 , 左边为chrome,右边为ie。
完全没办法兼容。。


2. 设置DOCTYPE为html4.
<!DOCTYPE HTML PUBLIC "-

经测试该方法可行。 如图




这种情况只要使用document.body.clientHeight就行了。
但是我想使用html5来作为文档类型。


3. html5-> 设置html,body{height:100%}
在使用html5文档类型的时候, 设置了html body的高度100%之后,两个浏览器就都能获取document.body.clientHeight了。

posted on 2015-11-20 09:36  鬼鬼丫404  阅读(525)  评论(0编辑  收藏  举报

导航