使用HTML5 DOCTYPE，会出现document.body.clientHeight为0
网上查了一下， 貌似有很多个解决方案。
1. 使用document.documentElement.clientHeight获取。
当使用html5的时候，就会有documentElement在document下。
如上图所示 ， 左边为chrome，右边为ie。
完全没办法兼容。。
2. 设置DOCTYPE为html4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
经测试该方法可行。 如图
这种情况只要使用document.body.clientHeight就行了。
但是我想使用html5来作为文档类型。
3. html5-> 设置html,body{height:100%}
在使用html5文档类型的时候， 设置了html body的高度100%之后，两个浏览器就都能获取document.body.clientHeight了。
网上查了一下，
http://forums.asp.net/t/1058801.aspx?Why+do+clientHeight+and+offsetHeight+always+return+zero+
这个网站是这么设置的。
既然有人这么弄，那就先放心的使用了。
- 大小: 17.7 KB
- 大小: 18.2 KB
- 大小: 22.8 KB
分享到：
相关推荐
上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。 那我们怎么办呢？难道加上了文档...
网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document...
网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body....
winH = document.body.clientHeight; } // for small pages with total size less then the viewport var pageW = (scrW) ? winW : scrW; var pageH = (scrH) ? winH : scrH; return {PageW:pageW, ...
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } else { var clientHeight = (document....
在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,... 比如：原来document.body.clientHeight，就要改成document.documentElement.scrollTop 为了自适应，可以改了下代码： ((docum
小球在桌面上自由移动，要清楚的几个问题 1、小球在桌面移动的最大距离是多少 2、小球移动的步长是多少 3、当小球碰到屏幕边缘时怎么实现...高：document.documentElement.clientHeight || document.body.clientHeight;
if (event.clientY+clrPanel.style.pixelHeight > document.body.clientHeight) { //对话框显示在鼠标下方时，会出现遮挡，将其显示在鼠标上方 top -= clrPanel.style.pixelHeight; } clrPanel.style....
在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值，下面... s += ” 网页可见区域高：”+ document.body.clientHeight; s += ” 网页可见区域宽：”+ document.body.offsetWi
s += ” 网页可见区域高：”+ document.body.clientHeight+” “; s += ” 网页可见区域宽：”+ document.body.offsetWidth + ” (包括边线和滚动条的宽)”+” “; s += ” 网页可见区域高：”+ document.body....
document.body.clientHeight – 网页可见区域高 document.body.offsetWidth – 网页可见区域宽，包括边线和滚动条的宽 document.body.offsetHeight – 网页可见区域高，包括边线和滚动条的高[FF,chrom下是整个页面高...
height = document.body.clientHeight; Hoffset = dd.offsetHeight; Woffset = dd.offsetWidth; dd.style.left = xPos + document.body.scrollLeft; dd.style.top = yPos + document.body.scrollTop; if (yon) { ...
网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth ...
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...
网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth ...
网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body....