Javascript 如何动态设置iframe高度?

Javascript 如何动态设置iframe高度?,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我有一个iframe,它加载一个src,比如urlA。这个urlA内部对一些url(比如urlB)进行另一个ajax调用 <iframe src="urlA" id="iframe1"/> 我的问题是,ablve load函数在urlA返回时得到调用,但所有操作之后所需的实际内容都是urlB。那么,如何等待urlB完成并相应地设置iframe高度呢 或者是否有任何事件因iframe内容的任何更改而触发,以便我可以使用该事件更新iframe的高度 谢谢。使用jquery: $(

我有一个iframe,它加载一个src,比如urlA。这个urlA内部对一些url(比如urlB)进行另一个ajax调用

<iframe src="urlA" id="iframe1"/>
我的问题是,ablve load函数在urlA返回时得到调用,但所有操作之后所需的实际内容都是urlB。那么,如何等待urlB完成并相应地设置iframe高度呢

或者是否有任何事件因iframe内容的任何更改而触发,以便我可以使用该事件更新iframe的高度

谢谢。

使用jquery:

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

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

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

urlA是您的域吗?否则答案将是你不能等待。显示更改src的代码…使用iframe会使谷歌难以为你登录iframe没有帮助
$("iframe").load(function() {
    this.style.height = this.contentWindow.document.body.offsetHeight + "px";
});