javascript - 如何从子页面调整 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 内容发生变化则获取事件
• 将新尺寸提交到父文档
• 父文档更改 iframe 维度