BroadcastChannel

The BroadcastChannel interface represents a named channel that any browsing context of a given origin can subscribe to. It allows communication between different documents (in different windows, tabs, frames or iframes) of the same origin. Messages are broadcasted via a message event fired at all BroadcastChannel objects listening to the channel.

BroadcastChannel()

Creates an object linking to the named channel.

This interface also inherits properties from its parent, EventTarget.

BroadcastChannel.name Read only

Returns a DOMString, the name of the channel.

BroadcastChannel.onmessage

An event handler property that specifies the function to execute when a message event is fired on this object.

BroadcastChannel.onmessageerror

An event handler called when a MessageEvent of type MessageError is fired—that is, when it receives a message that cannot be deserialized.

This interface also inherits methods from its parent, EventTarget.

BroadcastChannel.postMessage()

Sends the message, of any type of object, to each BroadcastChannel object listening to the same channel.

BroadcastChannel.close()

Closes the channel object, indicating it won't get any new messages, and allowing it to be, eventually, garbage collected.

message

Fired when a message arrives on the channel.
Also available via the onmessage property.

messageerror

Fired when a message arrives that can't be deserialized.
Also available via the onmessageerror property.

• Another, more heavyweight, way of communicating between browser contexts: ServiceWorker.
• Broadcast Channel API overview