同源标签页之间通信

// 创建一个名为 "lth" 的广播频道
const myChannel = new BroadcastChannel("lth");
// 向该频道发送消息
myChannel.postMessage("lth 太酷辣!");

在另外一个文件中

// 这里也要监听同一个广播频道
const myChannel = new BroadcastChannel("lth");
 
// 监听该频道并处理消息
myChannel.onmessage = function (event) {
  console.log(event.data);
};
//第二种监听方式
myChannel.addEventListener("message",(e) =>{
	console.log(event.data);
);

tips:小知识

//这种会开启一个新的标签页，多次执行也只会开启一个标签页，因为这样跳转会给标签页命名为whh，同名的只会存在一个
window.open("www.baidu.com","whh");