从IFrame（同一域）访问父文档给出错误

Question

我试图使用window.parent.document从iframe访问父文档，但我收到此错误 -

Uncaught DOMException: Blocked a frame with origin "https://abc.xyz.com" from accessing a cross-origin frame.

但父母和iframe的主人都是一样的。 两者都有主机https://abc.xyz.com

在iframe中，我通过几个URL重定向它。 所以它从...开始

https://abc.xyz.com然后去

https://www.facebook.com

然后再次重定向到https://abc.xyz.com

我试图在此重定向后访问该文档，但我收到此错误。 有关为何会发生这种情况的任何想法 请帮忙。

Answer 1

您可以使用postMessage （ 在此处阅读更多相关信息）。

在你的iframe中调用：

window.parent.postMessage({message: 'stuff you want to send'}, 'https://abc.xyz.com/');

在父窗口中，您可以像这样监听消息事件：

window.addEventListener('message', function(evt) {
   if(evt.origin == 'https://abc.xyz.com/')
       console.log('Data: ' + evt.data.message);
}, false);