如何实现跨窗口通讯
admin
2024-03-23 00:27:36

1. MessageChannel

Channel Messaging API 的MessageChannel 接口允许我们创建一个新的消息通道,并通过它的两个MessagePort 属性发送数据。

2. window.postMessage

window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为 https),端口号(443 为 https 的默认值),以及主机 (两个页面的模数 Document.domain设置为相同的值) 时,这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制,只要正确的使用,这种方法就很安全

3. localStorage 监听

当前页面使用的 storage 被其他页面修改时会触发 StorageEvent 事件。
[事件在同一个域下的不同页面之间触发,即在 A 页面注册了 storge 的监听处理,只有在跟 A 同域名下的 B 页面操作
storage 对象,A 页面才会被触发 storage 事件]

4. websoket

相关内容

热门资讯

沈腾只能当配角!宇树科技、松延... 来源:BUG 文 | 《BUG》栏目 罗宁 央视马年春晚,再次被“机器人”刷屏。 在舞台上,多家企...
守岁纳福:现金流护航,布局指数... 除夕守岁,万家灯火映团圆,中国人的新春仪式里,始终藏着一套朴素而深刻的生活智慧:备足余粮、留好活钱,...
原创 连... 大家好,欢迎来到老闫侃时事!最近,海关总署发布的一份重量级数据引起了国际媒体的广泛关注。数据显示,经...
原创 外... 美元,自二战后稳稳地坐上了全球储备货币的宝座,然而现在,这个昔日的王者却正在步履蹒跚,摇摇欲坠。外媒...
宇树科技深夜发文 央视马年春晚上,机器人的身影几乎贯穿整场晚会,展示了极强的“带货能力”。 其中,宇树科技作为春晚机器...