iframe 数据传递

1.使用iframe是父页面与子页面的数据传递
2.使用iframe 跳转部分研究处理ios兼容性
2.1 safai 会阻止iframe里的window.open()函数
采用了讲需要跳转的页面传向父页面，让父页面进行处理跳转

//子页面向父页面传递信息
parent.postMessage({变量名: 数据}, '*');

//子页面监听父页面传递来的数据进行处理
window.addEventListener("message", 处理数据函数, false);

//父页面向子页面传递数据
iFrame = document.getElementById('frame')
    //iframe加载完毕后再发送消息，否则子页面接收不到message
    iFrame.onload = function () {
        //iframe加载完立即发送一条消息
        iFrame.contentWindow.postMessage({
            "ttxId": getQueryString("ttxid"),
            "token": getQueryString("token"),
            "timestamp": getQueryString("timestamp"),
            "host":location.host
        }, '*');
    }

//父页面监听子页面传递过来的数据
window.addEventListener("message", 处理数据函数, false);复制代码

转载于:https://juejin.im/post/59ccb297f265da0648446f6e