html5 クロスドキュメントメッセージ送信の例Discussion_html5 チュートリアルのスキル

ウィンドウ オブジェクトのメッセージ イベントを監視します

コードをコピーします

コードは次のとおりです:

window .addEventListener("message", function(event) {
// ハンドラー コード
}, false);

ウィンドウ オブジェクトの postMessage() メソッドを使用します。他のウィンドウにメッセージを送信するには、メソッドは次のように定義されます:

コードをコピー

コードは次のとおりです:

otherwindow.postMessage(message, targetOrigin);

このメソッドは 2 つのパラメーターを使用します。最初のパラメーターは送信されるメッセージのテキストですが、任意の JavaScript を使用することもできます。 object (JSON を介してオブジェクトをテキストに変換); 2 番目のパラメーターは、メッセージを受信するオブジェクト ウィンドウの URL アドレスです。URL アドレス文字列にワイルドカード「*」を使用してすべてのアドレスを指定できます。正確な URL アドレスを使用してください。 otherwindow は、window.open() メソッドを通じてオブジェクトを返すことも、window.frames でシリアル番号 (インデックス) または名前を指定することによって、単一のフレームに属するウィンドウ オブジェクトを返すこともできます。配列。
例

コードをコピー

コードは次のとおりです。

< !DOCTYPE html>