$（window）.height（）與$（document）.height（）具有相同的值

Question

正如我在網上發現的那樣， $(window).height()給出了瀏覽器視口高度的單位像素值，而$(document).height()給出了實際文檔高度的單位像素值。

如果文檔高度小於窗口高度，則$(document).height()將導致窗口高度。

就我而言，我有一個高度為36px的文檔。

當我檢查$(window).height() ， $(document).height()給出與36.相同的結果。

有人可以解釋我的瀏覽器有什么問題嗎？

Answer 1

您的瀏覽器沒問題。

該文檔可能比您可以看到的窗口大（可以在顯示器內部容納的實際內容）。

如果顯示器的分辨率為1024 x 768，但是實際文檔的尺寸更高，例如4000px，則$（window）.height（）的輸出值為768px，而$（document）.height（）的輸出值為為4000像素，盡管事實上每次您只能看到768像素（實際上，您看到的像素會更少，因為您需要考慮到瀏覽器也會占用空間）

您最大的元素的高度為36px，因此盡管您可能會在下面看到很多空白，但窗口和文檔都將縮放到該大小。

Answer 2

$(window).height()給出在其中打開頁面的瀏覽器窗口的高度，僅顯示可見部分。

在哪里

$(document).height()給出文檔的高度。 即頁面

因此$(window).height() may smaller than the document being rendered or may be same depending on the document 。 因此，在您的情況下，兩者將是相同的