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

我确信有一个简单的错误,但我只是提醒$(window).height() ,它返回与$(document).height()相同的值。

我在13“MBA和我的浏览器的窗口高度在780px – 820px(大致)之间最大化,但每次返回的窗口高度与文档高度相同时,在网站上的每一个案例中,超过1000像素。

这里发生了什么?

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

没有doctype标记,Chrome会为这两个调用报告相同的值。

添加一个严格的文档types(如<!DOCTYPE html>会使这些值按照公布的方式工作。

doctype标签必须是doctype中的第一件事。 例如,你不能有任何的PHP代码,即使它不呈现任何东西。

我有同样的问题,并用这个解决了它。

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

我认为你的文件必须有足够的空间来显示其内容。 这意味着没有必要向下滚动查看文档的更多部分。 在这种情况下,文件高度将等于窗口高度。

这里有一个问题和答案: screen.availHeight和window.height()之间的区别

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

基本上, $(window).height()给你在浏览器窗口(视口)内的最大高度, $(document).height()给你浏览器内部文档的高度。 大多数情况下,即使滚动条也是如此。

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

在网页顶部定义以下标签: