從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);