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

Question

I am trying to access the parent's document from an iframe using window.parent.document , but i am getting this error -

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

But the host of both parent and the iframe are the same. Both have the host https://abc.xyz.com

In the iframe, I am redirecting it through a few URLs. So it starts from

https://abc.xyz.com then goes to

https://www.facebook.com

then is redirected again to https://abc.xyz.com

I am trying to access the document after this redirection, but am getting this error. Any thoughts on why this could happen? Please help.

Answer 1

You can use postMessage (Read more about it here ).

In your iframe call this:

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

In the parent window you can listen for the message event like this:

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