javascript - 用于查找总页面高度的 Javascript 函数

Question

我正在使用一个简单的 javascript 函数，该函数将检测动态网页的总高度并将其应用于作为页面背景的 div 的高度。有可能实施吗？div 被称为 bg ......有什么想法吗？提前致谢

Answer 1

这就是我用来计算 iFrame 中内容高度的方法，以便正确调整它。

var body = document.body,
html = document.documentElement,
height = 0;

height = body.offsetHeight;
if(height === 0){
     height = html.offsetHeight;
}

检查第一个的原因body是高度html实际上是 iFrame 的高度，它可能大于内容本身。但是，在某些情况下，例如当body没有高度时，它会回退到使用高度html代替。

对于您的情况，您可能想尝试类似的方案。我不确定为什么你必须使用 adiv来设置背景，所以我真的不能提出更好的选择（如果有的话）。

---

基于以下评论的解决方案：

你可以做的是以下。在主容器内有一个 div，绝对位置、宽度/高度 100% 和 z-index -1。然后，无论包含增长或缩小多大，它都将始终是正确的大小。使用这种方法，您必须确保容器始终具有大小。这是一个纯 CSS 的解决方案，可能比使用 Javascript 来调整更简单。

Answer 2

尝试：

var height = body.offsetHeight ? body.offsetHeight : html.offsetHeight;
document.getElementById ('divID').style.height = height + 'px';

这是一个有用的文档：

http://www.quirksmode.org/dom/w3c_cssom.html

Answer 3

我正在使用以下代码来做到这一点：

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;

};

Answer 4

var height = screen.height;
var width = screen.width;
var resolution = width+"x"+height;
alert(resolution);

它给出了屏幕的分辨率。我知道你想要页面的高度和宽度，但它会在以后的 Web 开发中帮助你。我将它用作我的网络最重要的部分！