HTML5の実戦とクロスドキュメントメッセージング（iframe情報伝達）の解析_html/css_WEB-ITnose

異なるドメイン名のページ間でメッセージを送信することは、一般的にクロスドキュメントメッセージング、略してXDMと呼ばれます。たとえば、www.leemagnum.com ドメインのページは、インライン フレーム内にある http://blog.csdn.net/lee_magnum ドメインのページと通信します。 XDM メカニズムが登場する前は、この種の通信をストレスなく実装するには長い時間がかかりました。 XDM はこのメカニズムを標準化し、ドキュメント間の通信を安全かつ簡単に実現できるようにします。

XDMの中核はpostMessage()メソッドです。 XDM の場合、「別の場所」とは、現在のページに含まれる iframe タグ、または現在のページにポップアップ表示されるウィンドウを指します。

postMessage() メソッドは、メッセージと、メッセージの受け入れ元のドメイン名を示す文字列の 2 つのパラメーターを受け取ります。 2 番目のパラメータは、安全な通信を確保し、ブラウザが安全でない場所にメッセージを送信するのを防ぐために非常に重要です。小さな例は次のとおりです

HTML コード