【问题标题】:document.body.clientHeight returns invalid resultdocument.body.clientHeight 返回无效结果
【发布时间】:2014-03-01 19:14:28
【问题描述】:

在寻找找出窗口高度的方法时,我知道'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 时还有其他限制吗? 同一个场景下是否还有其他东西(变量、标签、方法、用法等)?

谢谢。

【问题讨论】:

  • JavaScript - Get Browser Height 的可能重复项
  • 抱歉,有一个“误解”的问题。我的兴趣是知道如果 document.body.clientHeight 低于标准,为什么它会返回无效结果?这是一个错误吗?

标签: javascript html


【解决方案1】:

试试这个

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";

【讨论】:

【解决方案2】:

用它来检查窗口高度

document.documentElement.clientHeight

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-21
    • 1970-01-01
    • 2020-08-07
    • 1970-01-01
    • 2017-02-19
    • 2010-09-18
    • 2018-08-13
    • 2021-12-18
    相关资源
    最近更新 更多