iframe とその親サイトの間でクロスドメイン通信を有効にするにはどうすればよいですか?

サイト間通信: ドメインを越えて iframe と親サイトを接続する

iframe を使用する場合、クロスドメイン通信は課題となる可能性があります。 iframe のドメインが親サイトと異なる場合、それらの間での直接アクセスやメソッド呼び出しは不可能になります。

このハードルを克服するために、クロスドキュメント メッセージングが解決策を提供します。

親サイトto Iframe:

親ウィンドウで、iframe のコンテンツにメッセージを送信します。 window:

myIframe.contentWindow.postMessage('hello', '*');

iframe 内で、メッセージ イベントをリッスンします:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

親サイトへの iframe:

iframe 内、最上位の親ウィンドウにメッセージを送信します:

window.top.postMessage('hello', '*')

親ウィンドウで、メッセージ イベントをリッスンします:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

postMessage() の '*' を使用すると、リッスンしているすべてのウィンドウにメッセージをブロードキャストできます。クロスドキュメント メッセージングを採用すると、異なるドメイン間であっても、iframe とその親サイトの間の通信を確立できます。

以上がiframe とその親サイトの間でクロスドメイン通信を有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。