具有動態高度的動態iframe

Question

我的問題如下：我在大學的一羣人，編碼一個網頁，我們想要這樣組織它：我們有一個標題，一個菜單，另一個菜單上左邊和右邊我們必須顯示內容。

我們將從幾個.html文件中獲取此內容，因此我們將嘗試一個iframe。問題是，我們已經解決了如何使其加載任何我們想要的，但我們希望它能夠加載一個小頁面或一個更大的頁面，調整自己的身高。 （iframe應該能夠改變源和高度，而不刷新整個頁面）

所以，我的問題是，如何使它在Y軸上自動調整大小？ （寬度固定並確定）。 我們對JavaScript沒有太多的瞭解（絕對不是關於PHP的），所以無論哪種方式，我都在尋找一個可以複製和粘貼的解決方案，它適用於所有主流瀏覽器。

我會說，我已經在互聯網上嘗試過一些例子，但沒有一個似乎工作。

（這是所有同一個域裏面，讓我們說/index.html這是整個頁面，/content.html這就是iframe內那張文）

感謝您的幫助。

Answer 1

你可以調用的標準功能在父像這樣

parent.func(newHeight); 

然後在iFrame的父定義函數

function func(newHeight) { 
    // resize iFrame 
} 

當你在同一個域，那麼這應該工作。