javascript - 如何动态设置iframe高度？

Question

我有一个 iframe，它加载一个 src say urlA。这个 urlA interanally 对一些 url 说 urlB 进行另一个 ajax 调用。

<iframe src="urlA" id="iframe1"/>

我在上面的 iframe 上附加了一个加载函数:

$("#iframe1").load(function() {
    setIframeHeight(); // another function calls which sets iframe height according to its content
});

我的问题是，当 urlA 返回时，ablve 加载函数被调用，但在所有操作之后所需的实际内容是 urlB。那么，如何等待 urlB 完成并相应地设置 iframe 高度？

或者是否有任何事件会在 iframe 内容发生任何变化时触发，以便我可以使用它来更新我的 iframe 的高度？

谢谢。

Answer 1

加载 Iframe 内容时 - 获取其高度并相应地设置其样式:

$("iframe").load(function() {
    this.style.height = this.contentWindow.document.body.offsetHeight + "px";
});