シナリオ: ページ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 のダウンロード、インストール、構成のグラフィック チュートリアルの詳細な説明 (初心者向け学習侵入)
MySQL のインデックスの種類一般的に、次の 4 つのカテゴリに分類できます。通常のインデックス:...
HTML は、Baidu 百科事典のナビゲーション ドロップダウン メニュー機能を模倣します。具体的...
目次1. 複数ページの違い2. SPAとMPA 3. Vue Cli スキャフォールディング構成1....
この記事では、ログインボックスのドラッグ効果を実現するためのJavascriptの具体的なコードを参...
p>「サービス」で手動で起動すると、 コンソールから起動します: 次に、...\MySQL S...
Docker で war をデプロイするには、コンテナを使用する必要があります。ここでは tomca...
第1章: keepalivedの紹介VRRP プロトコルの目的は、静的ルーティングの単一点障害問題を...
フロントエンド開発者の必須科目であるCSS3は、多くの基本的なアニメーション効果を実現するのに役立ち...
目次1. 補助機能2. 例1. mapState と mapGetters 2. mapMutati...
VMware Workstation を使用して Windows 10 で仮想マシンを開くと、VMw...
場合によっては、ジャンプを完了するために href の代わりにハイパーリンク <a> を...
目次1. データベース操作1.1 データベースの表示1.2 データベースを作成する1.3 データベー...
ウェブデザイナーになるのは簡単ではありません。デザインやアーキテクチャを考慮するだけでなく、さまざま...
Msyqlデータベースのインストール、参考までに具体的な内容は次のとおりです。 ①ブラウザでhttp...
1. データ感度低下の説明日常の開発ニーズでは、データの感度低下が頻繁に発生します。たとえば、ID ...