新开tab页面通信-Easy!

相信当你Google 这种问题的时候,一定是有相关的需求了不墨迹上代码

父页面

假设父页面地址:https://aaa.bbb.com

   const docu = window.open('https://xxx.xxx.com/brain?xxx=xxxx');
   let token = getParam('_token'); //需要向新开页面传递信息
   docu.postMessage({ token }, 'https://xxx.xxx.com');
  
   // 结束子页面的信息
   window.addEventListener("message", (event) => {
      const origin = event.origin;
     if (origin !== "https://xxx.xxx.com" ) return; //不是允许的我不要
      /**
        相应业务逻辑 code
      **/
   });

子页面

假设父页面地址:https://xxx.xxx.com

window.addEventListener("message", (event) => {
      const origin = event.origin;
     if (origin !== "https://aaa.bbb.com" ) return; //不是允许的我不要
      /**
        相应业务逻辑 code
      **/
    // 告知父页面 我收到信息了
      event.source.postMessage("Success","https://aaa.bbb.com");
   });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容