javascript - Javascript - 載入新內容時調整iframe的高度

60 0

我有一個包含在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>



时间: 原作者:

56 4

更改html后,直接調用此函數。


 function resizeIframe() {


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


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


 }



原作者:
...