document.body.clientHeight返回无效结果

时间:2014-02-05 11:23:37

标签: javascript html html5

在寻找找出窗户高度的方法时,我开始知道' document.body.clientHeight'很有用。我在不同情况下尝试了一切都失败了。 失败意味着它在所有窗口高度返回相同的值。

最后我删除了DOCTYPE声明

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

一切都很顺利。现在它返回确切的结果。

甚至html5 DOCTYPE

<!DOCTYPE html>

返回无效结果。

我在不同的浏览器(Chrome,Opera,Firefox和IE)中查看过它。

这是什么原因? 使用document.body时还有其他限制吗? 在同一场景下还有其他的东西(变量,标签,方法,用法等)吗?

谢谢。

2 个答案:

答案 0 :(得分:2)

试试这个

document.getElementById("viewheight").innerHTML = window.innerHeight


   <!DOCTYPE html>,  puts the document into standards mode.

adding + "px" to the end of the size setting line
  document.getElementById("viewheight").innerHTML = document.body.clientHeight + "px";

答案 1 :(得分:1)

用它来检查窗口高度

document.documentElement.clientHeight
相关问题