如何动态设置iframe高度？

Question

我有一个加载src的iframe说urlA。这个urlA特意为另一个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 load函数会调用，但是在所有操作之后所需的实际内容是urlB。那么，我如何等待urlB完成并相应地设置iframe高度？

或者是否有任何事件在iframe内容的任何更改中被触发，以便我可以使用它来更新我的iframe的高度？

感谢。

Answer 1

使用jquery：

   $('#iframe1').css('height',auto);

Answer 2

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

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