The Channel Messaging API is a great way to send 1-to-1 messages from a window to an iframe, from a window to a Web Worker, and so on.

The BroadcastChannel API can be used to send 1-to-many messages, communicating to multiple entities at the same time.

You start by initializing a BroadcastChannel object:

const channel = new BroadcastChannel('thechannel')

To send a message on the channel you use the postMessage() method:


A message can be any of those supported values:

To receive messages from the channel, listen to the message event:

channel.onmessage = event => {

This event is fired for all listeners, except the one that is sending the message.

You can close the channel using:


Download my free JavaScript book!

But.. wait! Don't stop here.

I created a premium training program that will transform you, quickly, into an excellent Web Platform developer. Practical lessons to learn the 80% of the Web Platform that you need, in 20% of the time!

⬇️ ⬇️ ⬇️

Sign up to the Web Platform Course now!

⬆️ ⬆️ ⬆️