javascript - 当内容小于默认大小 (300x150) 时 iframe 调整大小

Question

在我当前的场景中，我有一个加载 iframe 的页面。 iframe 的内容无法事先确定，因此我需要使用 javascript 动态调整大小。我用来完成此操作的代码如下:

newIframe.onload = function() {
    var cw = newIframe.contentWindow;
    var doc = cw.document;
    var body = doc.body,
        html = doc.documentElement;

    var height = Math.max(body.scrollHeight, body.offsetHeight,
        html.clientHeight, html.scrollHeight, html.offsetHeight);

    var width = Math.max(body.scrollWidth, body.offsetWidth,
        html.clientWidth, html.scrollWidth, html.offsetWidth);

    newIframe.style.width = width + "px";
    newIframe.style.height = height + "px";
}

除 iframe 的内容小于 width=300 或 height=150 外，一切都按预期工作。在这种情况下(例如，iframe 仅包含图像 w:160 和 h:600)，计算出的宽度是错误的。

Answer 1

通过将 iframe 的初始宽度和高度设置为 0，问题就消失了，因为这些值将用作默认值。