广播通道 API 是一种用于在不同窗口或标签页之间进行通信的 JavaScript API。它提供了一种简单而强大的方式来实现消息的广播和接收，使得不同窗口之间可以实时地共享数据和状态。本文将介绍广播通道 API 的基本概念，并提供相应的源代码示例。
什么是广播通道 API？
广播通道 API 是 HTML5 中新增的一项功能，旨在解决多窗口或标签页之间的通信需求。它允许不同窗口之间建立一个持久的双向通信通道，以便它们可以实时共享信息。
通常情况下，不同窗口之间的通信是相对困难的。在传统的 JavaScript 中，我们可以使用 window.postMessage() 方法来实现跨窗口通信，但它需要在每个窗口中编写额外的代码来处理消息事件。而广播通道 API 提供了更简单、更高效的解决方案，它封装了底层的通信细节，使得开发者可以专注于消息的发送和接收。
如何使用广播通道 API？
使用广播通道 API 需要两个或多个窗口之间的通信。下面是一个示例，演示了如何在两个窗口之间发送和接收消息。
首先，我们创建一个主页面 index.html，其中包含两个按钮，用于打开两个子窗口：
<!DOCTYPE html>