不同域和来源的浏览器窗口/标签之间的通信
创始人
2025-01-09 23:00:53
0

使用postMessage API进行通信

示例代码:在窗口1中发送消息,窗口2接收并响应消息

在窗口1中:

const targetOrigin = 'http://localhost:8080'; // 目标窗口的源
const targetWindow = window.open(targetOrigin); // 打开目标窗口

const message = 'Hello from window 1!'; // 发送的消息
targetWindow.postMessage(message, targetOrigin); // 发送消息到目标窗口

在窗口2中:

window.addEventListener('message', function(event) {
  if (event.origin !== 'http://localhost:8080') return; // 来源不匹配,忽略
  if (event.data === 'Hello from window 1!') { // 接收到正确的消息
    console.log('Received message:', event.data);
    const responseMessage = 'Hello from window 2!'; // 响应消息
    event.source.postMessage(responseMessage, event.origin); // 发送响应消息
  }
});

相关内容

热门资讯

透视规律!智星德州辅助译码插件... 透视规律!智星德州辅助译码插件靠谱吗,大菠萝辅助器,解说技巧(果然真的是有挂) 科技详细教程;Q群1...
透视了解!德普之星透视辅助软件... 透视了解!德普之星透视辅助软件是真的吗,wepoker免费透视脚本,线上教程(切实真的有挂);德普之...
透视辅助!aapoker辅助工... 透视辅助!aapoker辅助工具免费下载,wepoker作弊方法,曝光教程(一直有挂)1、完成aap...
透视代打!aapoker辅助器... 透视代打!aapoker辅助器是真的吗,fishpoker透视,力荐教程(原先真的是有挂);aapo...
透视神器!hhpoker怎么开... 透视神器!hhpoker怎么开透视,wpk软件是正规的吗,2025新版(总是真的是有挂)1、完成hh...
透视私人局!红龙poker透视... 透视私人局!红龙poker透视工具,wpk有辅助器吗,细节揭秘(一向存在有挂);致您一封信;亲爱红龙...
透视挂!德普之星透视辅助插件,... 透视挂!德普之星透视辅助插件,wepoker辅助透视软件,必备教程(一直真的有挂)德普之星透视辅助插...
透视辅助!wepoker透视脚... 透视辅助!wepoker透视脚本,竞技联盟透视插件,专业教程(原生存在有挂);wepoker透视脚本...
透视游戏!wpk辅助工具下载,... 透视游戏!wpk辅助工具下载,wpk软件是正规的吗,第三方教程(本来真的是有挂);wpk辅助工具下载...
透视代打!wepoker辅助器... 透视代打!wepoker辅助器是真的的吗,pokemmo修改器手机版,新版2025教程(总是是有挂)...