ドメイン間でwindow.postMessageをどのように使用しますか？

Question 1

window.postMessageのポイントは、異なるドメインでホストされているウィンドウ/フレーム間の安全な通信を可能にすることであるように見えますが、実際にはChromeではそれを許可していないようです。

シナリオは次のとおりです。

ドメインAのページに<iframe>（srcドメインB ^*にある）を埋め込む
<iframe>は、ほとんどが<script>タグになり、最後に実行されます...
window.postMessage（some_data、page_on_A）を呼び出します

Chromeで次のエラーメッセージが表示されます。

Aにメッセージを投稿できません。受信者の原点はBです。

Aのページにメッセージイベントリスナーを登録するコードは次のとおりです。

window.addEventListener(
  "message",
  function (event) {
    // Do something
  },
  false);

私も呼び出してみましたwindow.postMessage(some_data, '*')が、エラーを抑えるだけです。

ここで要点を見逃しているだけですか、window.postMessage（...）はこれを目的としていませんか？それとも私はそれをひどく間違っているだけですか？

_{* MIMEタイプのtext / html。そのままにしておく必要があります。}

Question 2

これはChrome5.0.375.125で動作する例です。

ページB（iframeコンテンツ）：

<html>
    <head></head>
    <body>
        <script>
            top.postMessage('hello', 'A');
        </script>
    </body>
</html>

使用に注意してくださいtop.postMessageかparent.postMessageではないwindow.postMessageここに

ページA：

<html>
<head></head>
<body>
    <iframe src="B"></iframe>
    <script>
        window.addEventListener( "message",
          function (e) {
                if(e.origin !== 'B'){ return; } 
                alert(e.data);
          },
          false);
    </script>
</body>
</html>

AとBは次のようなものでなければなりません http://domain.com

編集：

別の質問から、ドメイン（ここではAとB）が正しく機能する/ためにはpostMessageが必要であるように見えます。

Question 3

ロード後、フレームから親にメッセージを投稿する必要があります。

フレームスクリプト：

$(document).ready(function() {
    window.parent.postMessage("I'm loaded", "*");
});

そしてそれを親で聞いてください：

function listenMessage(msg) {
    alert(msg);
}

if (window.addEventListener) {
    window.addEventListener("message", listenMessage, false);
} else {
    window.attachEvent("onmessage", listenMessage);
}

詳細については、次のリンクを使用してください：http：//en.wikipedia.org/wiki/Web_Messaging

Question 4

おそらく、mydomain.comからwww.mydomain.comに、またはその逆にデータを送信しようとします。「www」を見逃したことに注意してください。http://mydomain.comとhttp://www.mydomain.comは、javascriptとは異なるドメインです。