如何在子页面中调整iFrame的大小？

Question

例如，当更改维度中的内容时，是否有办法调整iFrame的大小 在javascript效果之后？

在我的示例链接中，我使用了显示/隐藏Javascript效果，但由于我的iframe无法通信，因此产生的溢出被隐藏。

My Website Example（点击第2页，您会看到隐藏的文字较长）

由于

Answer 1

是的，这是可能的。例如，这是由Facebook应用程序完成的。

要从主文档访问iframe：

window.frames['iframeName'].document.callAFunction()
window.frames['iframeName'].document.getElementById('foo')

从iframe到父文档：

parent.document.callAFunction()
parent.document.getElementById('foo')

请记住，只有从同一个域加载两个文档时，这才有效。

现在你可以做到：

• 如果iframe内容更改
，则抓取一个事件
• 将新尺寸提交到父文档
• 父文档会更改iframes维度

Answer 2

将iFrame包含在div中，将iFrame的宽度和高度指定为100％并控制div的高度/宽度。