从 iFrame 读取父文档并更改父文档

Question

我正在尝试编写一个 JavaScript 应用程序，它将在页面的 iFrame 中加载一个按钮。此应用程序将读取父文档并删除所有图像，应用最小样式并使用这个新标记的页面重新加载父文档。

我遇到的问题是从 iFrame 读取和写入父文档。有谁知道实现这一目标的方法？我已经阅读了一些关于跨域消息传递的信息，但不确定替代方案以及哪种方案最好。

提前致谢。

Answer 1

您可以使用 parent 或使用始终指向最外层文档的 top 变量来引用父级。

• parent == 父窗口
• 顶部 == 最外面的窗口

所以为了访问父窗口中的第一个 div

var d = parent.document.getElementsByTagName("div")[0];

但正如评论中已经指出的那样，外部文档和 iframe 中的文档都需要来自同一个域，否则出于安全原因您将被阻止。