iframe 父子页面之间传值

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);