js iframe跨域访问

<!-- morningstar.com/parent.html -->
<iframe id="ifr" src="http://test.morningstar.com/MarketBarometer/html/test.html" width="200px"></iframe>
<script>document.domain = ‘morningstar.com‘;
functionaa(str){
    console.log(str);
}
window.onload = function(){
    document.getElementById(‘ifr‘).contentWindow.bb(‘aaa‘);
}
</script>
<!--test.morningstar.com/test.html --><script>document.domain = ‘morningstar.com‘;
functionbb(str){
    console.log(str);
}

parent.aa(‘bbb‘);
</script>

<!-- qsstage.morningstar.com.com/parent.html --><iframeid="ifr"src="http://bar.com/b.html"></iframe><script>window.onload = function(){
    var ifr = document.querySelector(‘#ifr‘);
    ifr.contentWindow.postMessage({a: 1}, ‘*‘);
}
window.addEventListener(‘message‘, function(e){
    console.log(‘bar say: ‘+e.data);
}, false);
</script>
<!-- test.com/test.html -->
window.addEventListener(‘message‘, function(e){
    console.log(‘foo say: ‘ + e.data.a);
    e.source.postMessage(‘get‘, ‘*‘);
}, false)

<!-- chart.com/parent.html -->
<iframe id="test1" src="http://test.com/MarketBarometer/html/test.html" width="100%" height="200px"></iframe>
    <script>
        function callback(data) {
            console.log(data);
        }
    </script>

<!-- chart.com/poxy.html -->
<script type="text/javascript">
        window.onload = function () {
            var data = location.hash.substr(1);
            data = eval("(" + decodeURIComponent(data) + ")");
            top.document.getElementById("test1").style.height = data.height + ‘px‘;
            //调用父页面方法，可不写
            top.callback(data);
        }
    </script>

<!-- test.com/child.html -->
 <div style="height:400px">
        <p>我是子页面</p>
    </div>
    <script type="text/javascript">
       
        window.onload = function () {
            if (!document.getElementById("crossFrame")) {
                var iframe = document.createElement(‘iframe‘);
                iframe.setAttribute(‘style‘, ‘width:100%‘);
                iframe.setAttribute(‘src‘, ‘http://chart.com/src/html/poxy.html‘);
                var height = document.documentElement.scrollHeight;
                var data = ‘{height:‘ + height + ‘}‘;
                //通过参数传递高度heights
                iframe.src = ‘http://chart.com/src/html/poxy.html#‘ + data;
                document.body.appendChild(iframe);
            } else {
                document.getElementById("crossFrame").src = url;
            }
        }
    </script>