I'm trying to access the iframe contentWindow property for an iframe which is hosted on a subdomain within the same domain. So I have this code on a.domain (which hosts the role of parent page):

<script type="text/javascript">
    $(document).ready(function () {        
        $('#frame').load(function () {            
            var iframe = document.getElementById('frame');            
            if (iframe) {
                 var item = iframe.contentWindow;             
                if (item.indexOf("Completed") != -1) {
                    window.location.href = '../Home/Completed/';                   
                } else {
                    window.location.href = '../Home/PayAgain/';
                }
            }            
        });
    });
</script>

The actual iframe content sits on b.domain and I want to get the current page in the iframe.

I see some examples that I need to set document.domain = "domain" in both a.domain and b.domain but for example what exactly do I need to set in a.domain and b.domain regarding document.domain?

In which pages in b.domain I need to set the document.domain value?

I'm trying to access the iframe contentWindow property for an iframe which is hosted on a subdomain within the same domain. So I have this code on a.domain. (which hosts the role of parent page):

<script type="text/javascript">
    $(document).ready(function () {        
        $('#frame').load(function () {            
            var iframe = document.getElementById('frame');            
            if (iframe) {
                 var item = iframe.contentWindow;             
                if (item.indexOf("Completed") != -1) {
                    window.location.href = '../Home/Completed/';                   
                } else {
                    window.location.href = '../Home/PayAgain/';
                }
            }            
        });
    });
</script>

The actual iframe content sits on b.domain. and I want to get the current page in the iframe.

I see some examples that I need to set document.domain = "domain." in both a.domain. and b.domain. but for example what exactly do I need to set in a.domain. and b.domain. regarding document.domain?

In which pages in b.domain. I need to set the document.domain value?

• javascript
• jquery
• html
• iframe
• same-origin-policy

Share Improve this question Follow edited Oct 30, 2021 at 22:18 halfer 20.4k1919 gold badges109109 silver badges202202 bronze badges asked Apr 7, 2014 at 18:18 LazialeLaziale 8,2454848 gold badges155155 silver badges271271 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

I was in this same situation and I found that using window.postMessage was a much better way to municate between the frames: https://developer.mozilla/en-US/docs/Web/API/Window.postMessage

If you want to use the method you mentioned, every page that loads within the frame will need to manually set document.domain on load. The parent page will also need to set it. It is just a built-in javascript property of the document object.

add document.domain = 'your.domain' in both the pages.

like this. don't forget both parent.top

document.domain = 'corp.local'; only parent like

document.domain = 'corp'; won't work.

As I've mentioned here. javascript get iframe url's current page on subdomain

this document helped. http://javascript.info/tutorial/same-origin-security-policy