Question

我在Windows 8中使用firefox版本22.0。我想获得当前查看的窗口的高度而不是整个文档。所以，我使用了$(window).height() jQuery函数。即使将窗口调整为最小值，恢复或最大化，它也始终返回常量值616。

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

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

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

先谢谢。

Answer 1

这对我有用：

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

fiddle

Answer 2

在Windows 7的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>

$（window）.height（）值在firefox 22.0中是常量

3 个答案: