Szenario: Wenn Seite A Seite B öffnet, muss Seite A nach der Bedienung auf Seite B die geänderten Daten synchronisieren Seite A, http://127.0.0.1:10001/A.html var Domäne = "http://127.0.0.1:10001"; Fenster.öffnen('http://127.0.0.1:10001/B.html'); window.addEventListener('Nachricht', Funktion (Ereignis) { wenn (event.origin !== Domäne) zurückgeben; console.log('Nachricht empfangen: ' + event.data, event); }, FALSCH); B-Seite, http://127.0.0.1:10001/B.html, Opener ist der Verweis auf den Opener des aktuellen Fensters var Domäne = "http://127.0.0.1:10001"; window.opener.postMessage("Erfolg", Domäne); fenster.schließen(); Wenn A B öffnen und gleichzeitig Daten an B senden muss // Daten werden gesendet var domain = 'http://127.0.0.1:10001'; var myPopup = window.open('http://127.0.0.1:10001/B.html'); myPopup.postMessage('Daten', Domäne); // Daten empfangen window.addEventListener('message', function(event) { wenn (event.origin !== 'http://127.0.0.1:10001') return; console.log('Nachricht empfangen: ' + event.data,event); },FALSCH); Oben finden Sie Einzelheiten zur Verwendung von JS zur Kommunikation zwischen zwei HTML-Fenstern. Weitere Informationen zur JS-Kommunikation zwischen zwei HTML-Fenstern finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM! Das könnte Sie auch interessieren:
|
<<: Analysieren Sie MySQL-Transaktionen und Probleme bei der Datenkonsistenzverarbeitung
Vorwort Standardmäßig initialisiert MySQL einen g...
Erste Abfragetabellenstruktur (sys_users): WÄHLEN...
In diesem Artikelbeispiel wird der spezifische Co...
Installationsumgebung Centos Umgebungsabhängigkei...
Während der Projektentwicklung werden unsere Date...
EXPLAIN zeigt, wie MySQL Indizes verwendet, um Au...
Inhaltsverzeichnis Was ist Express-Middleware? Vo...
Ursache So importieren Sie externe Dateien in ein...
Dieser Artikel veranschaulicht anhand eines Beisp...
1. Schauen Sie sich zunächst die Anforderungskonf...
In diesem Artikelbeispiel wird der spezifische Co...
Inhaltsverzeichnis Problemszenario: Lösung: 1. Üb...
Inhaltsverzeichnis 1. Globale Wache 1.1 Globaler ...
In letzter Zeit besteht der Bedarf, automatisch n...
Inhaltsverzeichnis 1. setTimeout()-Timer 2. Stopp...