如何通过JavaScript实现跨域通信的多种方法？

本文共计1522个文字，预计阅读时间需要7分钟。

目录

一、Broadcast Channel API 简介

二、Broadcast Channel API 应用场景

2.1 实现同源页面间数据同步 2.2 在其他 Tab 页面中监测用户操作

三、Broadcast Channel API vs postMessage API

四、总结

五、参考资料

目录

• 一、Broadcast Channel API 简介
• 二、Broadcast Channel API 应用场景
• 2.1 实现同源页面间数据同步
  
• 2.2 在其它 Tab 页面中监测用户操作
  
• 三、Broadcast Channel API vs postMessage API
• 四、总结
• 五、参考资源

一、Broadcast Channel API 简介

Broadcast Channel API 可以实现同源下浏览器不同窗口、Tab 页或者 iframe 下的浏览器上下文之间的简单通讯。通过创建一个监听某个频道下的 BroadcastChannel 对象，你可以接收发送给该频道的所有消息。