ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用してブラウザ Windows 間の通信を有効にする方法
JavaScript の postMessage API は、異なるウィンドウまたは iframe 間のクロスオリジン通信を安全に有効にするための強力なツールです。これは、親コンポーネントと埋め込み iframe の間でデータを交換するためによく使用され、ドキュメントが異なるソースからのものであっても制御された対話を可能にします。
これは、postMessage を使用して iframe と親コンポーネント間でデータを送信する実際の例です。
// Parent Component const iframe = document.getElementById("myIframe"); // Send a message to the iframe iframe.contentWindow.postMessage("Hello from parent", "https://iframe-domain.here"); // Listen the message window.addEventListener("message", (event) => { if (event.origin === "https://iframe-domain.here") { console.log("Message from iframe:", event.data); } }, false); // Iframe Component // Send a message to the parent window.parent.postMessage("Hello from iframe", "https://parent-domain.here");
以上がJavaScript を使用してブラウザ Windows 間の通信を有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。