iframe postMessage 通信

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

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

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

“iframe postMessage 通信” 的相关文章

软件测试创业公司和大厂外包如何选择?

经常后台收到私信有同学问:面试拿到两个offer,一个是规模只有几十人的初创小公司,另一个是大厂外包岗位。都是功能测试,两者薪水待遇也差不多,该如何选择,更有利于之后的职业发展......这是一个比较典型的问题,关注小牛公众号的读者大部分为要转行的同学或者是刚入行没多久的初级工程师,还有不少是专科学...

Pro Android学习笔记(一零四):Alarm Manager(2):周期发送和取消

作者@恺风Wei。昨天,终于去看牙周医生。牙医给了两个choices:方案A:打麻药,刮,每牙75,分四次。人为刀俎,我为鱼肉,磨刀霍霍向牙来。方案B:微创不打麻药,用设备弄,每牙100,分两次。两者区别听来一个是靠人力,一个是靠电力。这牙医健壮乎?否。我的牙健壮乎?Absolutly not。那...

求 余

> (remainder 21 3) 0 > (remainder 21 2) 1最大公约数> (define (gcd a b) (if (= b 0) a (gcd b (remaind...

svn客户端

rabbitVCS:http://wiki.rabbitvcs.org/wiki/install/ubuntu 这里需要注意下,可能不能一次成功,尤其是最后一个命令,所以你来回把那些命令用个1,20次肯定成,呵呵我一般5-10次成的,如果老不成,过个几小时再下吧...

下半部分

硬件中断分为上下两个部分,上半部分简单快速,执行的时候禁止一些或者全部中断;下半部分稍后执行,而执行期间可以响应所有的中断。 下半部分的任务就是执行与中断处理密切相关但是中断处理程序本身不执行的工作。...

POJ 1033 / Northeastern Europe 1998 Defragment (模拟&队列)

Defragment http://poj.org/problem?id=1033 Time Limit:  2000MS Memory Limit: 10000K Case Time Limit: 1000MS Special Judge...