[解決済み】iframeと親サイトの間で通信する方法は？

質問

iframe内のウェブサイト 同じドメイン内にない しかし、両方とも私のものです。 iframe と親サイトがあります。可能でしょうか？

解決方法は？

ドメインが異なると、メソッドを呼び出したり、iframeのコンテンツ文書に直接アクセスしたりすることができません。

を使用する必要があります。 クロスドキュメントメッセージング .

親フレーム

例えばトップウィンドウの場合。

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

とiframe内に表示されます。

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

iframe -> 親

例えばトップウィンドウの場合。

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

とiframe内に表示されます。

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