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

标签 javascript ajax iframe cross-domain

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

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

提前致谢。

最佳答案

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

  • 父==父窗口
  • top == out most window

因此访问父窗口中的第一个div

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

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

关于javascript - 从 iFrame 读取父文档并更改父文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4733542/

相关文章:

javascript - 取出字符串中所有其他单词的算法?

javascript - mvc4中使用Knockout Js的邮件功能

javascript - 测试 JS 变量是否设置为函数参数

jquery - 如何使用 javascript 检查 session 是否过期并将用户重定向到登录页面

javascript - 嵌套iframe跨域通信

javascript - 如何检查十六进制颜色是否为 "too black"?

ajax - 使用 AJAX 检查数据库更新并通知

php - jQuery/AJAX 检索新插入记录的 ID 并在页面刷新之前在 HTML 中使用它

c# - JSON 和 ASP.NET MVC

javascript - 我网站上非常奇怪的禁止错误