具有动态高度的动态iframe

Question

我的问题如下：我在大学的一群人中编写网页，我们希望将其组织成：我们有一个标题，一个菜单，左边的另一个菜单以及我们必须展示内容。

我们将从几个.html文件中获取此内容，因此我们尝试使用iframe。问题是，我们已经解决了如何使其加载任何我们想要的东西，但我们希望它能够加载一个小页面或一个更大的页面，调整自己的高度。 （iframe应该能够在不刷新整个页面的情况下改变源和高度）

所以，我的问题是，如何让它在Y轴上自动调整大小？ （宽度固定且正常）。 我们对JavaScript没有太多了解（绝对不是关于PHP），所以无论哪种方式我都在寻找复制粘贴解决方案，如果可能的话，这适用于所有主流浏览器。

我会说我在互联网上尝试了一些例子，但它们似乎都没有用。

（这都在同一个域内，假设/index.html是整个页面，而/content.html是iframe里面的文件）

感谢您的帮助。

Answer 1

您可以在父母中调用标准函数，如此

parent.func( newHeight);

然后在iFrame的父级中定义函数

function func( newHeight ) {
    // resize iFrame
}

当你在同一个域上时，这应该可行。