具有动态高度的动态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
}

由于您在同一个域中，因此应该可以使用。