父窗口通过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、子页面:
扩展资料: