document和window height返回相同的值

document and window height return the same value?

本文关键字：返回 window height document      更新时间：2023-09-26

由于某些原因，文档高度和窗口高度都返回相同的值，因此从文档高度减去窗口时返回0。有人知道为什么会发生这种事吗？

console.log($(window).height());
console.log($(document).height());

以上两者都返回文档高度

您可能忘记了页面开头的doctype <!DOCTYPE html>。

这是因为文档填充了视口（可用于显示文档的区域）。

来自文件：

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

如果文档的长度足以占用多个页面，则第二个值可能大于第一个值（至少如果文档位于iframe中，请查看此演示）。可能还有其他情况会产生差异，但我现在没有想到。

我遇到了类似的问题，我能够解决。我发现

$(window).height();

正在返回FF中页面的整个高度。最终，我意识到我在页面的任何html之前都输出了一个调试短语"test"。文档类型前的IE。

删除此"测试"文本后，视图端口高度将按预期返回。

相关文章：