有时候需要取页面的底部，就会用到 document.body.clientHeight，在HTML标准中这一句就能取到整个页面的高度，不论 body 的实际内容到底有多高。
在XHTML中，如果body 体中只有一行，则 document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度，就要用 document.documentElement.clientHeight 来获取。
原因
： 在HTML中，body 是整个DOM 的根，而在XHTML中，document 才是根，body 不再是根，所以取 body 的属性时，不能再取到整个页面的值。
区别新旧标准的行是：
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” >
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
前者指明该页面使用旧标准，后者指明该页面使用新标准。加上W3C以后：
IE：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
而如果没有定义W3C的标准：
IE：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
Opera：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
另：
这里再提供些获取各种高度的代码，条件都是在XHTML中。
var clienth = document.documentElement.clientHeight; //屏幕高度
var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //滚动条滚动高度
var allHeight = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + “px”; //整个页面高度
转载于：https://www.cnblogs.com/andybruse/archive/2012/09/15/2701975.html
331
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
