Question

首先，我会告诉你我的页面结构：

<html>
<body>
    <div>
    <iframe>
        <div id="div1">
        </div>
    </iframe>
    </div>
</body>
</html>

如果我只知道div1的大小，那么这里没有问题。但是，我使用jquery ajax动态地将内容添加到div1中，因此我无法预先设置<iframe>的高度。

我通过在onload的{{1}}中添加一些脚本尝试了我在其他线程中找到的解决方案，但由于内容在不重新加载页面的情况下动态更改，因此无用。

任何帮助？

Answer 1

在您的子页面中，在动态生成的代码加载完毕后，插入以下代码：

// Rsize containing iframe to proper height
parent.parent.resizeIframe($('html').height());

然后，在父页面中，包含此功能：

function resizeIframe(newHgt)
{
    $('#iframeid').height((parseInt(newHgt)+75)+'px');
}

这将使您获得所需，但我正在尝试解决的问题是如何在动态生成的代码完成加载后确定iframe内容的大小... “全部来自父页面。”

无论如何，希望这可以帮到你。

...

Answer 2

我不确定你为什么要在这里使用iframe。但也许你可以使用