BroadCast Channel

BroadCast Channel 可以帮我们创建一个用于广播的通信频道。当监听同一频道的某个页面通过它发送消息时就会被其他所有页面收到。

// 使用构造函数创建一个实例，可以接受一个DOMString作为频道的name标识。在其他页面，可以通过传入相同的name来使用同一个广播频道。
const bc = new BroadcastChannel("broadcast");// 监听消息
// 除了为.onmessage赋值这种方式，也可以使用addEventListener来添加"message"监听。
bc.onmessage = (e) => {console.log(e.data);
};// 错误也可以绑定监听
bc.onmessageerror = (e) => {console.warn("error:", e);
};// 发送消息
bc.postMessage("hello world");// 关闭/*** 一种方式是取消或者修改相应的"message"事件监听，让页面不对广播消息进行响应。* 另一种简单的方式就是使用close方法，调用close方法会切断与Broadcast Channel的连接。
**/bc.close(); // 关闭后将无法调用postMessage，如果之后又再需要广播，则可以重新创建一个相同 name 的 Broadcast Channel

BroadCast Channel相关推荐

Web Broadcast Channel
Broadcast Channel API 可以实现同源下浏览器不同窗口.Tab 页或者 iframe 下的浏览器上下文之间的简单通讯. 通过创建一个监听某个频道下的 BroadcastChannel ...
NBIOT-NPSS/NSS/NPBCH的资源位置
1.NPSS NarrowbandPrimary Synchronization Signal 时域位置每1个SFN存在一个NPSS SFN Subframe Symbol 长度每个SFN 5 最 ...
cms基于nodejs_我如何使基于CMS的网站脱机工作
cms基于nodejs Interested in learning JavaScript? Get my ebook at jshandbook.com 有兴趣学习JavaScript吗? 在jsh ...
5G NR - 总体架构与物理层
一 NR总体架构与功能划分 1.1 总体架构 NG-RAN节点包含两种类型: l gNB:提供NR用户平面和控制平面协议和功能 l ng-eNB:提供E-UTRA用户平面和控制平面协议和功能 gN ...
oracle 服务器硬盘满了,【案例】Oracle服务器diag进程占据了12g的磁盘空间分析解决办法...
[案例]Oracle服务器diag进程占据了12g的磁盘空间分析解决办法时间:2016-11-13 20:10 来源:Oracle研究中心作者:网络点击: 次天萃荷净 Oracle ...
[NodeJS]Node异步编程基础
零.前言为什么要用Node? Node把非阻塞IO作为提高应用性能的方式.而在JS中,天生拥有着异步编程机制: 事件机制.同时JS中不存在多进程.这样当你执行相对较慢需要花费时间长的IO操作时并不会 ...
Apache Kafka - Schema Registry
关于我们为什么需要Schema Registry? 参考, https://www.confluent.io/blog/how-i-learned-to-stop-worrying-and-love- ...
面试官：前端跨页面通信，你知道哪些方法？
引言在浏览器中,我们可以同时打开多个Tab页,每个Tab页可以粗略理解为一个"独立"的运行环境,即使是全局对象也不会在多个Tab间共享.然而有些时候,我们希望能在这些" ...
StackExchange.Redis 使用-配置
Configuration redis有很多不同的方法来配置连接字符串 , StackExchange.Redis 提供了一个丰富的配置模型,当调用Connect 或者 ConnectAsync 时需 ...

BroadCast Channel

BroadCast Channel相关推荐

最新文章

热门文章