Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/MessageChannel/MessageChannel below:

MessageChannel: MessageChannel() コンストラクター - Web API

Baseline Widely available

メモ: この機能はウェブワーカー内で利用可能です。

MessageChannel() は MessageChannel インターフェイスのコンストラクターで、2 つの新しい MessagePort オブジェクトを持つ新しい MessageChannel オブジェクトを返します。

なし (undefined)。

新しい MessageChannel オブジェクト。

次のコードブロックでは、MessageChannel() コンストラクターを使用して作成された新しいチャンネルを知ることができます。 <iframe> が読み込まれると、MessagePort.postMessage にメッセージを添えて MessageChannel.port2 を <iframe> へ渡します。 すると、handleMessage ハンドラーが <iframe> から返送されたメッセージに (MessagePort.message_event を使用して) 返答し、これを段落に挿入します。 port1 は、いつメッセージが到着しているかどうかをチェックするために待ち受けされます。

const channel = new MessageChannel();
const para = document.querySelector("p");

const ifr = document.querySelector("iframe");
const otherWindow = ifr.contentWindow;

ifr.addEventListener("load", iframeLoaded, false);

function iframeLoaded() {
  otherWindow.postMessage("Hello from the main page!", "*", [channel.port2]);
}

channel.port1.onmessage = handleMessage;
function handleMessage(e) {
  para.innerHTML = e.data;
}

完全に動作する例は、Github 上の channel messaging basic demo を参照してください (実際のデモも実行できます)。

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4