自動調整大小的iframe無論什麼頁面加載

我有了內的iframe頁面。在iframe中，人們可以單獨導航（提交表單，我的帳戶等）。在此過程中，每個新的iframe頁面上的iframe大小都會更改。問題是我設置了一個iframe ID來自動調整大小。一個另一個問題是，經過一些I幀的負載，例如登記表，它有一些選項來上傳照片，例如，選項，點擊時它擴展了iframe的長度，所以一般的汽車大小將無法正常工作-anyway我的腳本可以處理這個 - 。我可以在iframe的所有頁面中插入iframe的腳本，但父頁面如何識別每個iframe以自動調整大小？在父頁面（通過自動調整大小ID單一的iframe頁面）自動調整大小的iframe無論什麼頁面加載

代碼：

<script> 
function alertsize(pixels){ 
pixels+=0; 
document.getElementById('myiframe').style.height=pixels+"px"; 
} 
</script>

上面的腳本可以以適用於任何iframe中的iframe頁面加載上修改？

iframe腳本：

<script type="text/javascript"> 
var myHeight = 0; 

setInterval(function(){ 
if(myHeight != document.body.scrollHeight){ 
    myHeight = document.body.scrollHeight; 
    parent.alertsize(myHeight); 
} 
},500); 
</script>

的Iframe：

<iframe id="myiframe" src="../../data/my-account" name="myiframe" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

來源

2013-03-21 Blazer

您可以使用top指父框架，它會引用頂層窗口對象。

top.alertsize(myHeight)

+-----------------------+ 
| top     | 
|      | 
| +------------------+ | 
| | iframe   | | 
| +------------------+ | 
|      | 
| +------------------+ | 
| | iframe   | | 
| +------------------+ | 
+-----------------------+

來源

2013-06-06 18:02:03 edgarjs

自動調整大小的iframe無論什麼頁面加載

回答

相關問題