我正在使用一个简单的 javascript 函数，该函数将检测动态网页的总高度并将其应用于作为页面背景的 div 的高度。有可能实施吗？ 该div被称为bg ... 有任何想法吗？提前致谢
【问题讨论】：
标签： javascript dynamic background height
var height = screen.height;
var width = screen.width;
var resolution = width+"x"+height;
alert(resolution);
它给出了屏幕的分辨率。我知道你想要页面的高度和宽度，但它会在以后的 Web 开发中帮助你。我将它用作我的网络最重要的部分！
【讨论】：
window 没有 height 方法。
这是我用来计算 iFrame 中内容的高度以便正确调整它的。
var body = document.body,
html = document.documentElement,
height = 0;
height = body.offsetHeight;
if(height === 0){
height = html.offsetHeight;
}
首先检查body的原因是html的高度实际上是iFrame的高度，可能比内容本身还要大。但是，在某些情况下，例如当body 没有高度时，它会回退到使用html 的高度。
对于您的情况，您可能想尝试类似的方案。我不知道为什么你必须使用div 来设置背景，所以我真的不能提出更好的选择（如果有的话）。
基于以下评论的解决方案：
您可以执行以下操作。在主容器内有一个 div，绝对位置、宽度/高度 100% 和 z-index -1。然后，无论包含增长或缩小多大，它都将始终是正确的大小。使用这种方法，您必须确保容器始终具有大小。这是一个纯CSS解决方案，可能比使用Javascript来调整更简单。
【讨论】：
我正在使用以下代码来做到这一点：
var getBodyHeight = function () {
var d = document,
bd = d.body,
dd = d.documentElement,
max = Math.max(
bd.scrollHeight,
bd.offsetHeight,
bd.clientHeight,
dd.offsetHeight,
dd.scrollHeight,
dd.clientHeight
);
return max;
};
【讨论】：
试试：
var height = body.offsetHeight ? body.offsetHeight : html.offsetHeight;
document.getElementById ('divID').style.height = height + 'px';
这里有一个有用的文档：
【讨论】：