iframe postMessage 通信

2023-12-14 10:52:17

嵌入 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 （跨窗口通信）

文章来源:https://blog.csdn.net/IAIPython/article/details/134987695
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。