$(window).height()与$(document).height()具有相同的值

Question

正如我在web上发现的，$(window).height()给出的单位是浏览器视窗高度的像素值，而$(document).height()给出的单位是实际文档高度的像素值

如果文档高度小于窗口高度，则$(document).height()将导致窗口高度。

在我的例子中，我有一个36px高的文档..

当我检查$(window).height()时，$(document).height()给出了与36相同的结果。

有人能解释一下我的浏览器出了什么问题吗？

Answer 1

您的浏览器没有任何问题。

文档可能比您可以看到的窗口(可以放在显示器内的实际内容)更大。

如果监视器的分辨率是1024x768，但实际文档的大小更高，假设是4000px，那么$(window).height()的输出值将是768px，而$( document ).height()的输出值将是4000px，尽管在每个时刻您只能看到768px (实际上，您会看到更少的内容，因为您还需要考虑浏览器占用的空间)

您的最大元素的高度是36px，所以窗口和文档都会缩放到这个大小，尽管您可能会看到下面有很多空白。

Answer 2

$(window).height()只给你打开页面的浏览器窗口的高度可见的部分。

where as

$(document).height()给出了文档的高度。ie页面

所以$(window).height() may smaller than the document being rendered or may be same depending on the document。因此，在您的情况下，两者将是相同的