js不同浏览器标签页、窗口或 iframe 之间可以相互通信

一、创建一个广播通道

// 创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');

二、发送消息

channel.postMessage({type: 'popup', message: false});

三、接收消息（也需要创建广播通道）

// 也创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');channel.onmessage = function(event) {console.log('收到消息:', event.data);
};

三、接收消息（也可以使用 addEventListener 方法来监听消息）

// 也创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');channel.addEventListener('message', function(event) {console.log('收到消息:', event.data);
});