【JavaScript】iframe postMessage 通信

嵌入 iframe

   <iframe
     src="/model/index.html"
     id="modelIframe"
     name="modelIframe"
     frameborder="0"
   ></iframe>

发送信息

let modelIframe: any;

// 初始化
document.getElementById('modelIframe').onload = function () {
    
    
  modelIframe = window.frames['modelIframe'];
};

// 发送
modelIframe.window.postMessage(['37f1adba-6b8e-4c77-ab53-173bc7a15faf']);

接受信息

  window.addEventListener(
    'message',
    (e) => {
    
    
      console.log(e.data);
      sceneParse.selectObjects(e.data);
    },
    false,
  );

感谢

iframe父子通信，看这篇就够了
终于搞懂了 Iframe （跨窗口通信）