具有動態高度的動態iframe

Question

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

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

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

我要說的是，我已經在Internet上嘗試了一些示例，但是似乎都沒有用。

（這都在同一個域內，假設/index.html是整個頁面，而/content.html是iframe內部的網址）

謝謝你的幫助。

Answer 1

您可以像這樣在父級中調用標准函數

parent.func( newHeight);

然后在iFrame的父級中定義函數

function func( newHeight ) {
    // resize iFrame
}

由於您在同一個域中，因此應該可以使用。