jquery – 为什么$(document).height()与$(document.body).height()不同?

前端之家收集整理的这篇文章主要介绍了jquery – 为什么$(document).height()与$(document.body).height()不同?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我一直在谷歌搜索,但仍然找不到原因
是$(document).height()与$(document.body).height()不同?

更何况,任何人都可以告诉我高度方法之间的对应关系
在jQuery和原始的JavaScript

例如,$(document).height()等同于document.documentElement.scrollHeight.

最佳答案
因为< body> HTML中的元素只是另一个块元素(很像< div>),并且作为任何块元素,它可以具有维度样式(边距,填充,宽度,高度等).

考虑到,< body>的“大小”. element不需要直接对应于文档对象的大小(对应于整个HTML文档,作为整体呈现).一个很好的理由是< body>元素也在< html>内元素,也是块元素,并且可以具有其各自的维度.

如果你的< html>例如,元素有填充:10px,然后你的< body>元素的有效大小肯定会与整个文档完全不同.

现在,不要误解我的意思:文档和document.body可以具有完全相同的大小(例如,尝试检查StackOverflow),但你必须理解< body>只是您可以通过CSS操作的另一个HTML块.

猜你在找的jQuery相关文章