Question

我正在使用一个简单的javascript函数来检测我的网页的总高度，该网页是动态的并将其应用到div的高度，即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的高度。

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

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

您可以做的是以下内容。在主容器内有一个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);

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

Javascript函数查找总页面高度

4 个答案: