在Firefox22.0中，$(window).height()值是常量

Question

我在Windows8中使用的是firefox版本22.0。我想要获取当前查看的窗口的高度，而不是整个文档的高度。因此，我使用了$(window).height() jQuery函数。即使窗口被调整到最小、恢复或最大化，它也总是返回一个常量值616。

我还在javascript中尝试了jQuery的$(document).height()方法和document.documentElement.clientHeight属性，它们也返回相同的常量值616。

这种行为是由我在浏览器中使用的任何设置造成的吗？

请告诉我如何在jquery或javascript中获得实际的窗口高度。

提前谢谢。

Answer 1

这对我来说很有效：

$(window).resize(function() {
    console.log($(window).height()); 
});

fiddle

Answer 2

在Windows7上的Firefox 22下，这段代码对我来说工作得很好：

$(document).ready(function() {
    var h = $(window).height();
    alert(h);
}());

首先报告1020，然后是774。

也许你是在document.ready之外运行它(我不认为这会有什么不同)。

除此之外，你运行的是什么操作系统？

Answer 3

您有没有尝试过Vanilla JS的神奇属性innerHeight？如下所示：

<div id="windowsize"></div>
<button onClick="document.getElementById('windowsize').innerHTML =
                            window.innerWidth+'x'+window.innerHeight;">Update</button>