如何在url更改時動態更改iframe的大小

Question

如何動態更改iframe src的iframe大小。如果src爲http://-----.com/index，則iframe大小高度爲200，寬度爲400.如果src更改爲http://-----.com/about，則幀大小高度爲500，寬度爲700.

Answer 1

您無法獲取底框文檔高度，因此無法制作動態更改iframe高度...
您只需添加滾動條即可。

Answer 2

您可以通過爲iframe加載時添加事件處理程序來完成此操作。在此功能中，得到的iframe的src，並使用switch聲明應用基於其不同的風格：

開始通過給你的iframe的ID（如果尚未完成）：

<iframe id="myFrame"></iframe> 

和JS可以聽：

document.getElementById('myFrame').onload= function() { 
    switch(this.src){ 
    case 'http://example.com/index' : // Will fall through and execute same code as below 
    case 'http://example.com/'  : this.style.width = '400px'; 
             this.style.height = '200px'; 
             break; // Stop switch 
    case 'http://example.com/about' : this.style.width = '700px'; 
             this.style.height = '500px'; 
             break; 
    default : /* Do something or not */ 
    } 
};