$(window）.height(） 返回奇怪的值

$(window).height() returns strange value

本文关键字：height window 返回      更新时间：2023-09-26

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

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

在所有情况下，结果均为 8。但是视口要大得多(> 500(。

补充：

区别在于

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

使用 Firefox-Browser (24.0/Debian(。H = 600 H1 = 8使用 铬 (29.0/Debian( H = 600 H1 = 600

我不知道为什么。

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

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

是否有边距和填充？

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

相关文章：