iframe与父页面之间的通讯

发送数据： otherWindow.postmessage(data,origin)
接收数据： window.addEventListener('message',callback)

父页面对子页面的通讯

父页面

document.getElementById('iframe').contentWindow.postMessage('主页面发送的数据', '*');

子页面

window.addEventListener("message", function (e) {
  console.log(e.data); // 主页面发送的数据
});

子页面对父页面的通讯

父页面

window.addEventListener("message", function (e) {
  console.log(e.data); // 子页面传递的数据
});

子页面

window.parent.postMessage('子页面传递的数据','*');