窗口之间传递数据

父窗口通过js打开子窗口：

// 打开新增模板弹窗
$('#add-btn').on('click', function () {
    Util.openLayer({
            areaSize: ['980px', '661px'],
            href: 'layer_superviseadd.html'
    });
 });

子窗口通过postMessage()方法回传数据：

var parentWindow = window.parent;
parentWindow.postMessage(JSON.stringify({
	    guid : guid
    }, null, 4), '*');

父窗口通过监听message事件获取数据：

// 接收消息
window.addEventListener('message', (e) => {
    console.log(e.data)
})

效果：

总结：

1、父页面：

2、子页面：

 

 扩展资料：

         postMessage 可实现跨域通信，具体参考：postMessage - 跨域消息传递_huangpb0624的博客-CSDN博客_postmessagewindow.postMessage() 方法可以安全地实现跨域通信和页面间数据通信。postMessage 可用于解决以下方面的问题：页面和其打开的新窗口的数据传递页面与嵌套的 iframe 消息传递多窗口之间消息传递想要使用 postMessage 实现跨域和页面间数据通信，只要记住 window 提供的 postMessage 方法和 message 事件就ok了。语法...https://blog.csdn.net/huangpb123/article/details/83692019