在跨域获取iframe当前src url

Question

我的网络应用程序中有一个iframe，我需要从父文档中获取当前的URL（当用户导航框架并更改原始源URL时）。

需要简单的社交分享网址。

作为跨域方案，我不拥有子文档（它是远程域）。

我知道阻止从父文档到子文档的跨域访问的同源策略，但我正在寻找任何可能的创意方法的解决方案 - 必须有办法解决。

Answer 1

如果您不控制iFrame内容，那么唯一的解决方案是创建一个代理，将以下代码行注入每个页面。

window.postMessage(window.location,'*');

然后在父页面上，您可以收听消息。

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
  console.log(event.data);
}