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

Question

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

我遇到的问题是从iFrame读写父文档。有人知道实现此目标的方法吗？我已经阅读了一些有关跨域消息传递的内容，但是不确定其他选择，哪种方法最好。

提前致谢。

Answer 1

您可以使用父对象或始终指向最外面文档的top变量来引用父对象。

• 父==父窗口
• 顶部==超出大多数窗口

因此，要在父窗口中访问第一个div

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

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