シナリオ: ページ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 のダウンロード、インストール、構成のグラフィック チュートリアルの詳細な説明 (初心者向け学習侵入)
参考までにWindowsにMySQLをインストールします。具体的な内容は次のとおりです。 1.まずM...
禅コーディングテキストエディタプラグインです。 Zen Coding を使用するテキスト エディター...
目次概要ボタンレベルの権限アイデンティティ認証管理R/U 権限権限の更新テナント管理テナント切り替え...
この記事では主に、リクエストを転送したり、静的リソース ファイルにアクセスしたりする nginx の...
一般的には、左側にメニューがあった後、ページの上部に履歴タブ メニューを追加する必要があります。他の...
プロシージャ sp_name を削除します//これまで、MYSQL 構文の基礎知識について説明して...
この記事では、参考までに、echartを使用してタグと色をカスタマイズするVueの具体的なコードを紹...
今日ログインページを書いていたとき、個人情報と携帯電話番号を認証する必要がありましたが、ページにボタ...
1. ソースコードの設計コードをコピーコードは次のとおりです。 <!DOCTYPE html ...
テーブルを画面全体(残りの空白領域)に表示するために、幅属性は 100% と定義されることが多く、セ...
1. はじめに外部キー制約を使用するかどうかという話題は、すでに決まり文句になっています。学校では、...
序文職場で次のような状況に遭遇しました。ログ システムのテーブルでは、時間フィールドには日付データで...
目次1. コンポーネントの紹介2. ソースコード分析2.1 テンプレート2.2 スクリプト2.3 実...
目次1. 使用方法1. 基本的な使い方2. 2番目のパラメータ - フィルター3. 3番目のパラメー...
目次1. setTimeout() タイマー2. setTimeout() タイマーを停止する3. ...