documen.body.clientHeight的取值问题。

 有的时候要去页面的顶部到底部的高度时就要用到document.body.clientHeight来获得。

在HTML中无论body的高度是多少只要用documen.body.clientHeight就能获得到底有多高,例如:1074*768分辨率取得的值就是768.即使body中只有一句“hello world”

也能获得到底的高度。

但是在XHTML中如果body只有一行的话,那么使用documen.body.clientHeight就只能会的一行的高度了,可能就只有20px。那么在XHTML中我们可以使用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">
前者指明该页面使用旧标准, 后者指明该页面使用新标准.

总结:
XHTML中用 document.documentElement.clientHeight  代替
document.body.clientHeight

原文地址:https://www.cnblogs.com/tanzhen/p/4182948.html