使用window.name 进行数据跨域传递

其中要点，

Stpe1，浏览器在Iframe中加载一个异域的页面，这个页面返回 <script>window.name=”任何数据”</script>，这时候，取 iframe.contentwindow.name是拒绝访问的。

Step2，在Iframe中加载一个本域中的任意页面，此时，iframe.contentwindow.name 就可以访问了，

 

DEMO： 下面是不修饰的代码，

<script type="text/javascript">

        function getContents(iframe) {
            try {
                // Make sure the iframe's window & document are loaded.
                if (!iframe.contentWindow || !iframe.contentWindow.document) {
                    console.log("no contentwindow");
                    return null;
                }

                console.info("window.name=" + iframe.contentWindow.name);
                // Get the response from window.name
                return iframe.contentWindow.name;
            } catch (e) {
                console.error(e);
                return null;
            }
        }


        //getContents(this);


        function test() {
            var doc = document;
            var iframe = doc.createElement('iframe');
            doc.body.appendChild(iframe);

            var form = doc.createElement('form');
            doc.body.appendChild(form);

            var requestId = "__Go";
            iframe.contentWindow.name = requestId;
            form.target = requestId;
            form.action = "http://castest.youxituan.com/cas/JsLogin";
            form.method = "post";
            var isFirst;
            var time = 0;
            iframe.onload = function () {
                time++;
                console.info("time=" + time);
                if (time == 1) {
                    console.info("first" + iframe.src);
                    iframe.contentWindow.location = 'about:blank';

                    //iframe.contentWindow.document.write(".....");
                    isFirst = false;
                } if (time == 2) {
                    console.info("not first");
                    window.alert(iframe.contentWindow.name);

                    //iframe.contentWindow.document.write('');
                    //iframe.contentWindow.close();
                    //document.body.removeChild(iframe);

                    //iframe.src = '';
                    iframe = null;
                }
                console.log("onload");
                getContents(iframe);

            };
            iframe.onreadystatechange = function () {
                console.log("onreadystatechange");
                getContents(iframe);
            };

            form.submit();
        }


        $(function () {
            test();
        });


    </script>