javascript - Javascript - 加载新内容时调整iframe的高度

我有一个包含在HTML中的iFrame,当页面加载时可用,当页面第一次加载时,iFrame没有content =src,我使用jQuery动态地将内容插入iFrame,当用户单击网页上的链接时,iFrame的内容将被更新,

当加载新内容时,我努力调整iFrame的高度,我尝试了几个解决方案,但是没有成功,下面是iFrame代码:

<iframe id="myframe" width="100%" frameborder="0"></iframe>

以下是更改iFrame的HTML嵌入的jQuery:

emailOpened.find('#myframe').contents().find('body').html(email.body);

这可以工作,我只需要iFrame来调整它的高度基于内容被注入的高度,但是尝试失败了。

以下是HTML:


<iframe id="myframe" width="100%" frameborder="0">


 <body onload="parent.resizeIframe(document.body.scrollHeight);">


</iframe>



时间: 作者:

更改html后,直接调用此函数。


 function resizeIframe() {


 var newHeight = document.getElementById('myframe').contentDocument.body.scrollHeight;


 document.getElementById('myframe').style.height = parseInt(newHeight,10) + 10 + 'px';


 }



作者:
...