javascript - $(window).height() 返回奇怪的值

Question

我尝试了以下命令来确定视口高度：

var H1 = document.documentElement.clientHeight,
    H2 = $(window).height();

结果在所有情况下都是 8。但是视口要大得多（> 500）。

补充：

区别在于

        H  = $(document).height()
        H1 = $(window).height()

使用 Firefox 浏览器 (24.0/Debian)。H = 600 H1 = 8 使用 Chromium (29.0/Debian) H = 600 H1 = 600

我不知道为什么。

Answer 1

如果有边距或填充，您应该查看$(window).outerHeight().
更多信息在这里

Answer 2

有边距和内边距吗？

尝试H2 = $(window).outerHeight(true)

Answer 3

请注意， .height() 将始终返回内容高度，无论 CSS box-sizing 属性的值如何。从 jQuery 1.8 开始，这可能需要检索 CSS 高度加上 box-sizing 属性，然后当元素具有 box-sizing:border-box 时减去每个元素上的任何潜在边框和填充。为避免这种惩罚，请使用 .css("height") 而不是 .height()。