javascript - 从其他子域页面访问子域 iframe url

Question

我正在尝试访问托管在同一域内的子域上的 iframe 的 iframe contentWindow 属性。所以我在 a.domain.com 上有这段代码(它承载父页面的 Angular 色):

<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>

实际的 iframe 内容位于 b.domain.com 上，我想在 iframe 中获取当前页面。

我看到一些例子，我需要在 a.domain.com 和 b.domain.com 中设置 document.domain = "domain.com"但是例如我到底需要在 a.domain.com 中设置什么和 b.domain.com 关于 document.domain？

我需要在b.domain.com的哪些页面设置document.domain的值？

Answer 1

我遇到了同样的情况，我发现使用 window.postMessage 是一种更好的框架间通信方式:https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage

如果您想使用您提到的方法，框架内加载的每个页面都需要在加载时手动设置 document.domain。父页面也需要设置它。它只是文档对象的一个​​内置 javascript 属性。