具有动态高度的动态 iframe

Question

我的问题如下：我在大学的一群人中，正在编写一个网页，我们希望将其组织成这样：我们有一个标题、一个菜单、另一个菜单在左侧和是的，我们必须显示内容。

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

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

我会说我在互联网上尝试了一些示例，但它们似乎都不起作用。

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

感谢您的帮助。

Answer 1

您可以像这样在父级中调用标准函数

parent.func( newHeight);

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

function func( newHeight ) {
    // resize iFrame
}

因为您在同一个域上，所以这应该可以工作。