jquery $(window).height()返回文档高度

时间:2012-08-24 04:35:10

标签: jquery

我确定发生了一个简单的错误,但我只是警告$(window).height(),它返回与$(document).height()相同的值。

我在13" MBA和我的浏览器的窗口高度最大化在780px - 820px(大致)之间,但每次返回的窗口高度与文档高度相同。在我工作的网站上的每个案例都超过1000px。

这里发生了什么?

alert($(window).height());
alert($(document).height()); 

5 个答案:

答案 0 :(得分:237)

如果没有doctype代码,Chrome会为两个来电报告相同的值。

添加严格的文档类型<!DOCTYPE html>会导致值按照广告的方式工作。

doctype标记必须是文档中非常的第一件事。例如,你不能在它之前有任何文字,即使它没有渲染任何文字。

答案 1 :(得分:23)

我遇到了同样的问题,使用它解决了它。

var w = window.innerWidth;
var h = window.innerHeight;

答案 2 :(得分:1)

我认为您的文档必须在窗口中有足够的空间来显示其内容。这意味着无需向下滚动以查看文档的任何其他部分。在这种情况下,文档高度将等于窗口高度。

答案 3 :(得分:0)

以下是对此的问答:Difference between screen.availHeight and window.height()

也有照片,所以你可以看到差异。希望这会有所帮助。

基本上,$(window).height()为您提供浏览器窗口(视口)内的最大高度,$(document).height()为您提供浏览器内部文档的高度。大多数情况下,即使使用滚动条,它们也会完全相同。

答案 4 :(得分:0)

如果我们在网页上使用Doctype jquery(窗口)它真的有用,它将返回视口高度,否则它将返回完整的文档高度。

在网页顶部定义以下标记:     <!DOCTYPE html>