前端数据之间的跨域访问的方法

参考链接：https://mp.weixin.qq.com/s/4G_27oRLSMMYBFvtYZgqcg

一、postMessage前端iframe跨域

1、postMessage是HTML5 XMLHttpRequest Level 2中的API，是为数不多可以处理跨域操作的window属性之一，它可以解决以下问题：

　　页面和其他打开的新窗口的数据传递

　　多窗口之间的数据传递

　　页面与嵌套的iframe消息传递

　　上面三个场景的跨域数据传递

postMessage()方法允许来自不同的脚本采用异步方式进行有限的数据通信，可以实现跨文本档、多窗口、跨域消息传递2、。

2、示例

　主页面：

 

 

　主页面发送数据代码：

function test() {
    var s = 1;
   window.frames[0].postMessage(s,'http://initial.think6.com/index/homePage.html')
 }

　框架页面接收数据代码：

$(function () {
    window.addEventListener('message',function (e) {
        console.log(e);
    },false)
});

　返回结果：