シナリオ: ページAがページBを開くと、ページBで操作した後、ページAは変更されたデータを同期する必要があります。 ページ A、http://127.0.0.1:10001/A.html var ドメイン = 'http://127.0.0.1:10001'; ウィンドウを開きます('http://127.0.0.1:10001/B.html'); window.addEventListener('メッセージ', 関数(イベント) { if (event.origin !== domain) return; console.log('メッセージを受信しました: ' + event.data, event); }、 間違い); Bページ、http://127.0.0.1:10001/B.html、openerは現在のウィンドウのオープナーへの参照です var ドメイン = 'http://127.0.0.1:10001'; window.opener.postMessage("成功", ドメイン); ウィンドウを閉じる(); AがBを開き、同時にBにデータを送信する必要がある場合 // データを送信しています var domain = 'http://127.0.0.1:10001'; var myPopup = window.open('http://127.0.0.1:10001/B.html'); myPopup.postMessage('データ', ドメイン); // データを受信する window.addEventListener('message', function(event) { イベントの起源が 'http://127.0.0.1:10001' の場合、戻り値は ; console.log('メッセージを受信しました: ' + event.data,event); }、間違い); 上記は、js を使用して 2 つの HTML ウィンドウ間で通信する方法の詳細です。2 つの HTML ウィンドウ間の js 通信の詳細については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
<<: MySQLのトランザクションとデータ一貫性処理の問題を分析する
>>: Win10 DVWA のダウンロード、インストール、構成のグラフィック チュートリアルの詳細な説明 (初心者向け学習侵入)
序文カバーリング インデックスについて説明する前に、まずそのデータ構造である B+ ツリーを理解する...
Enctype : ブラウザがデータをサーバーに送り返すときに使用するエンコーディングのタイプを指定...
パフォーマンスは本当に重要ですか?パフォーマンスは重要であり、誰もがそれを知っています。なぜ私たちは...
1 分で最初の Web ページを作成します。簡単な Web ページを作ってみましょう。ぜひフォローし...
Ubuntu 1804 への MySQL 5.7 のインストールについて詳しく紹介します。 MySQ...
この記事では、ランダムロールコーラーを実装するためのJavaScriptの具体的なコードを参考までに...
<br />ナビゲーションについて話すときは、ほとんどの場合、ナビゲーションがコンテンツ...
<br />Web テーブルの分割線を削除する方法。実際、上記の 3 つの表はいずれも ...
以下の HTML タグには、基本的に既存のタグがすべて含まれています。数分かけて 1 つずつ参照する...
概要私は 1 年以上 Docker を使用しています。最近、サービスをすばやくオーケストレーションし...
最近Ubuntu 20.04をインストールしましたが、Wi-Fiに接続できず、Wi-Fiアイコンも表...
分離レベル:隔離はあなたが考えるよりも複雑です。 SQL 標準では 4 つの分離レベルが定義されてお...
1. openjdkを表示する rpm -qa|grep jdk 2. openjdk を削除します...
日常の運用・保守作業では、nginx サービスが頻繁に使用され、nginx の高同時実行性によって生...
Web デザイナーとして豊富な CSS 経験を持つ私たちは、あらゆる種類のコード構文、互換性、スニペ...