有些文档我无法获得文档的高度(将某些内容绝对放在最底部).此外，底部填充似乎不会对这些页面起作用，但会对高度会返回的页面起作用.一个(或多个)恰当的例子:
http://fandango.com
http://paperbackswap.com
On Fandango
jQuery's $(document).height(); returns correct value
document.height returns 0
document.body.scrollHeight returns 0
On Paperback Swap:
jQuery's $(document).height(); TypeError: $(document) is null
document.height returns an incorrect value
document.body.scrollHeight returns an incorrect value
注意:我有浏览器级别的权限，如果有一些技巧的话.
文档大小是浏览器兼容性的噩梦，因为尽管所有浏览器都公开clientHeight和scrollHeight属性，但它们并不都同意值的计算方式.
对于如何测试正确的高度/宽度，过go 有一个复杂的最佳实践公式.这涉及到使用文档.documentElement属性(如果可用)或依赖于文档属性等.
获取正确高度的最简单方法是获取document或documentElement上的所有高度值，并使用最高值.这就是jQuery的基本功能:
var body = document.body,
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight,
html.clientHeight, html.scrollHeight, html.offsetHeight );
Firebug+jQuery bookmarklet的快速测试会返回两个引用页面的正确高度，代码示例也是如此.
请注意，在文档准备就绪之前测试文档的高度将始终导致0.此外，如果加载了更多内容，或者用户调整了窗口大小，则可能需要重新测试.如果在加载时需要，请使用onload或document ready事件，否则只要在需要数字时进行测试即可.