Cross-Domain iframe communication

Question

I have an iframe being created on a page, and the page's domain is being explicitly set to 'xyz.com' but the iframe's domain is defaulting to 'dev.xyz.com', which is the actual domain i'm developing for.

The problem is, when I try to access that iframe via iframe.contentWindow.document, it fails due to the difference in domain.

I've tried setting the iframe's src to a file with document.domain = 'xyz.com' but that doesn't seem to be doing the trick...

Any ideas?

Answer 1

I believe you need to set both the iframe's document.domain and the main page's document.domain to the same thing. (more info here)

Answer 2

Page inside iframe:

<script>
document.domain = document.domain;
</script>

It looks silly, but it works.