Javascript：如何捕获网站内容的高度？

我试图找到正确的Javascript代码来捕获网页上所有内容的高度

我已经查看了document.height、window.screen.height、document.body.offsetHeight、bodyScroll、clientrea.style.height、bodyHeight和document.documentElement.clientHeight

我正在使用FireBug测试这些值，但所有值（window.screen.height除外）似乎都会随着我调整窗口的大小而改变，因此它们不会实际报告内容的实际高度

现在，window.screen.height永远不会更改，即使我更改为不同大小的页面

如何确定内容的总高度？基本上我需要知道滚动条知道什么。滚动条知道每页滚动多少，以及滚动多少才能到达内容的末尾

任何帮助都将不胜感激。

试试以下方法：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" ></script>
<script type="text/javascript">

$(document).ready(function(){

document_height = $(document).height();
document_width = $(document).width();
window_height = $(window).height();
window_width = $(window).width();

alert(document_height + ' x ' + document_width);

alert(window_height + ' x ' + window_width);
});

</script>

$（文档）.ready（函数（）{
document_height=$（document）.height（）；
文档宽度=$（文档）.width（）；
窗口高度=$（窗口）.height（）；
窗口宽度=$（窗口）.width（）；
警报（文件高度+x+文件宽度）；
警报（窗高+x+窗宽）；
});

不同的浏览器以不同的方式报告窗口大小和文档大小。您可以使用库来解决跨浏览器问题，如jQuery中的以下代码：

$(document).height();

在没有库的情况下，我使用以下代码获取尺寸：

var b, h, info;
b = document.body;
h = b.parentNode;
if (window.opera) {
  info = { winWidth: b.clientWidth, winHeight: b.clientHeight, pageWidth: h.clientWidth, pageHeight: h.clientHeight };
} else {
  info = { winWidth: h.clientWidth, winHeight: h.clientHeight, pageWidth: b.clientWidth, pageHeight: b.clientHeight };
}

---

使用jQuery或YUI之类的库。否则，将代码复制到您自己的函数中，但要做好准备，因为这是一个巨大的混乱

YAHOO.util.Dom.getDocumentHeight（）

var height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);