1.父页面给子页面传值
父页面
/**
* 发送消息
* @key 字段名
* @value 值
*/
postMessage: function (key, value) {
let iframe = $('iframe')[0];
if (iframe) {
iframe.contentWindow.postMessage({
'key': key,
'value': value
}, iframe.src);
}
},
子页面
window.addEventListener('message', function (event) {
let data = event.data;
console.log(data.key, data.value);
})
2.子页面给父页面 传值
子页面
window.parent.postMessage({
'key': key,
'value': value
}, '*');
父页面
window.addEventListener('message', function (e) {
let data = e.data;
console.log(data.key, data.value);
}, false);