跨域 iframe 通信：无法读取孩子的 src

Question

我有一个 iframe，我想从 iframe 向其父窗口发送一条消息。这就是孩子所做的

window.location += '#do_install||something';

这就是父母所做的（$是jquery）

setTimeout('alert($("iframe#main_store_frame").attr("src"));', 5000);

我尝试了许多其他方法来检测位置更改，但它们都失败了。它们都向我显示了初始 iframe 位置，而不是添加了“#do_install||something”的新 iframe 位置。请让 mw 知道我做错了什么。

Answer 1

您有多种选择来执行此操作：

1 使用 window.name （在 iframe 中）和 iframe.contentWindow.name （在父级中）。
这个想法实际上是更改你的 iframe 名称（来自你的 iframe）

IFRAME：
window.name = "new value"

并使用父窗口中的 iframe.contentWindow.name（而“iframe”是您的 iframe 对象）

父窗口：
console.log(iframe.contentWindow.name)

您可以阅读以下文章来了解更多信息

2 使用 HTML 5 window.postMessage。您可以在此处找到示例。

这个想法是能够在使用域访问列表的同时在父窗口和 iframe 之间设置连接。
如果您使用 jQuery，您可以使用 jQuery exmaple

另一个项目是 < a href="http://xauth.org/spec/" rel="nofollow">xAuth ”是一个开放平台，用于在网络上扩展经过身份验证的用户服务。”

总而言之，

如果您有能力控制父框架和 iframe（至少要求您的合作伙伴将您的代码提交到他们的页面中），您将拥有跨域通信的权限

** 抱歉没有在这里打印示例，它们是只是太长了。

希望我有所帮助。