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

iFrame と親サイト間のクロスドメイン通信

iframe の Web サイトが別のドメインにある場合、iframe と親サイト間の直接通信親サイトが課題になります。ただし、クロスドキュメント メッセージングは​​このギャップを埋めることができます。

親から Iframe への通信

親ウィンドウでは、postMessage() を使用してメッセージを送信できます。 iframe の contentWindow:

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

iframe 側では、onmessage イベントがキャプチャできます。そしてメッセージを処理します:

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

iframe から親への通信

iframe から親ウィンドウにメッセージを送信するには、postMessage() を使用できます。 window.top をターゲットとして:

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

親ウィンドウでは、onmessage イベントがiframe のメッセージ:

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

クロスドキュメント メッセージングを利用すると、別のドメインの iframe とその親サイトの間で双方向通信を確立できます。

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