DOM

インターフェイス

BroadcastChannel インターフェイス

  編集:2022.04.03 by T.A.

MS

このインターフェイスは、特定のオリジンの閲覧コンテキストが購読できる名前付きチャネルを表します。それは、同じオリジンの異なるドキュメント間(異なるウィンドウ、タブ、フレーム、iframe)の通信を可能にします。メッセージは、チャンネルをリッスンしているすべての BroadcastChannel オブジェクトで発生する message イベントを介して放送されます。

注: この機能は Web Worker 内で利用可能です

コンストラクター
new BroadcastChannel()
名前付きチャンネルにリンクするオブジェクトを作成します。
プロパティ

このインターフェイスは、その親である EventTarget からもプロパティを継承します。

BroadcastChannel.name
チャネルの名前である DOMString を返します。
メソッド

このインターフェイスは、その親である EventTarget からもメソッドを継承しています。

BroadcastChannel.postMessage()
同じチャンネルをリッスンしている各 BroadcastChannel オブジェクトに、任意の種類のオブジェクトのメッセージを送信します。
BroadcastChannel.close()
チャネル オブジェクトを閉じます。これは、新しいメッセージを取得しないことを示し、最終的にガベージコレクションされることを許可します。
イベントハンドラー
BroadcastChannel.onmessage
このオブジェクトで message イベントが発生したときに実行する関数を指定する event handler プロパティ。
BroadcastChannel.onmessageerror
event handler は、MessageError 型の MessageEvent が発生したとき、つまり逆シリアル化できないメッセージを受け取ったときに呼び出されます。
イベント
message
メッセージがチャネルに到着したときに発生します。

onmessage プロパティからも利用できます。

messageerror
逆シリアル化できないメッセージが到着したときに発生します。

onmessageerror プロパティからも利用できます。


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: