如何动态设置iframe高度？

Question

我有一个内联框架，它加载一个说urlA的src。 此urlA在内部再次发出另一个ajax调用，称某些URL为urlB。

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

我在上述iframe上附加了加载函数，如下所示：

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

我的问题是，当urlA返回时，完全加载函数会调用，但是所有操作后所需的实际内容是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";
});