シナリオ: ページ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 のダウンロード、インストール、構成のグラフィック チュートリアルの詳細な説明 (初心者向け学習侵入)
1. 4つの起動方法: 1.mysqld MySQL サーバーを起動します: ./mysqld --...
自動ビルドとは、Docker Hub を使用して、Dockerfile ファイルを含む GitHub...
HTML スタイル タグスタイルタグ - ドキュメント内でスタイルを宣言するときにこのタグを使用しま...
導入前回の記事では、axios のシンプルなカプセル化と、axios インターセプターの適用シナリオ...
<br />関連記事: innerHTML HTML DOM insertRow() メ...
プログラム的アプローチの利点1. スタイルの分散を避けるためのグローバルコントロール2. シンプルな...
序文最近、小さなプログラムでリアルタイムにチャートを更新するという要件に遭遇しました。最初は wx-...
この記事では、パズル効果を実現するためのネイティブjsの具体的なコードを参考までに共有します。具体的...
W3C は最近、「 XHTML Basic1.1 」と「 Mobile Web Best Prac...
序文このコントロールを直接印刷すると下部に透かしが入りますが、公式 Web サイトから購入することで...
ケースの説明: - ページ効果を実現するためにテーブルを使用する- ハイパーリンクを機能させたくない...
遅延読み込み(レイジー読み込み)とプリロードは、Web 最適化によく使用される手段です。 。 1. ...
1. リストクエリインターフェースの効果コード処理ロジックを紹介する前に、まずは感覚的に理解し、レン...
ミニプログラムカスタムスクロールビュースクロールバーさっそくレンダリングを見てみましょうレンダリング...
mybatis を学習しているときにエラーが発生しました。エラーの内容は次のとおりです。データベース...