父页面与iframe相互通信iframe向父页面发送消息 iframe发消息父页面接收消息父页面向iframe发送消

window.parent.postMessage(
    {
      key: "updateIframeUrl",
      data: "子页面向父页面发送消息",
    },
    "*"
  );

window.addEventListener(
  "message",
  (e) => {
    console.log("message", e);
  },
  false
);

document
    .getElementById("mapIframe")
    .contentWindow.postMessage("父页面向子页面发送消息", "*");

window.addEventListener(
  "message",
  (e) => {
    console.log("子页面接收到的message", e);
  },
  false
);