Web-Frontend
HTML-Tutorial
Wie unterscheidet ich zwischen dem Schlie?en eines Browser -Registerkartens und dem Schlie?en des gesamten Browsers mit JavaScript?
Wie unterscheidet ich zwischen dem Schlie?en eines Browser -Registerkartens und dem Schlie?en des gesamten Browsers mit JavaScript?
Apr 04, 2025 pm 10:21 PM
JavaScript unterscheidet das Schlie?en des Browser -Registerkartens und das vollst?ndige Schlie?en des Browsers
Bei der t?glichen Verwendung von Multi-Tabs-Browsen müssen Benutzer m?glicherweise eine einzelne Registerkarte oder den gesamten Browser schlie?en. In einigen Anwendungsszenarien ist beispielsweise eine bestimmte Aktion erforderlich, wenn der Browser vollst?ndig geschlossen ist (z. B. L?schen von Anmeldeinformationen), jedoch nicht beim Schlie?en einer einzigen Registerkarte. In diesem Artikel wird untersucht, wie JavaScript verwendet wird, um zwischen diesen beiden Situationen zu unterscheiden und entsprechende L?sungen zu liefern.
Problembeschreibung
Angenommen, die Webanwendung, die wir entwickelt haben, l?uft im Chrome -Browser im Windows -System. Die Anforderung besteht darin, die Anmeldeinformationen zu l?schen, wenn der Benutzer den gesamten Browser schlie?t, w?hrend die Anmeldeinformationen beim Schlie?en einer einzigen Registerkarte unver?ndert bleiben. Wie implementiere ich diese Funktion?
L?sung
Wir k?nnen das sessionStorage -Objekt von HTML5 verwenden, um dieses Problem zu l?sen. Mit sessionStorage k?nnen Schlüsselwertpaardaten in derselben Sitzung gespeichert werden. Beim Schlie?en des Browsers werden die Daten in sessionStorage gel?scht, w?hrend das Schlie?en einer einzigen Registerkarte die sessionStorage -Daten anderer Registerkarten nicht beeinflusst.
Die spezifischen Implementierungsschritte sind wie folgt:
-
H?ren Sie sich das Browser Close -Ereignis an: Verwenden Sie das
beforeunload-Ereignis, um den Browser -Schlie? oder die Registerkarte Schlie?ung anzuh?ren.window.adDeVentListener ('voranladung', Funktion (e) { // Code hinzufügen, um Anmeldeinformationen hier zu l?schen, aber es ist zu beachten, dass die direkte Ausführung auch beim Schlie?en der Registerkarte auch zum L?schen führen kann. }); -
Verwenden Sie SessionStorage, um das Schlie?verhalten zu unterscheiden: Wenn jede Registerkarte geladen wird, legen Sie ein
sessionStorage-Element fest und überprüfen Sie, ob das Element bei der Schlie?ung vorhanden ist. Wenn es existiert, bedeutet dies, dass die Registerkartenseite geschlossen ist. Wenn es nicht existiert, bedeutet dies, dass der gesamte Browser geschlossen ist.// SessionStorage festlegen, wenn die Seite geladen wird window.addeventListener ('laden', function () { SessionStorage.SetItem ('tabopen', 'true'); }); // SessionStorage überprüfen, wenn sie geschlossen sind window.adDeVentListener ('voranladung', Funktion (e) { if (! sessionStorage.getItem ('tabopen')) { // Anmeldeinformationen ClearLogininfo (); } anders { // SessionStorage item SessionStorage.removeItem ('tabopen') entfernen; } }); Funktion clearLogininfo () { // Fügen Sie den Code hinzu, um die Anmeldeinformationen hier zu Console.log zu l?schen ('L?schen von Anmeldeinformationen ...'); }
Durch die obige Methode k?nnen wir effektiv zwischen dem Schlie?en der Registerkartenseite und dem Schlie?en des Browsers unterscheiden und den Betrieb der L?schung der Anmeldeinformationen durch vollst?ndig geschlossene Browser durchführen, w?hrend dieser Vorgang beim Schlie?en einer einzelnen Registerkartenseite nicht durchgeführt wird. Es ist zu beachten, dass das beforeunload Ereignis vom Browser abh?ngig von der spezifischen Implementierung der Browser- und Benutzereinstellungen abgefangen oder verz?gert werden kann. Um die Zuverl?ssigkeit zu verbessern, k?nnen andere Technologien wie das serverseitige Sitzungsmanagement berücksichtigt werden.
Das obige ist der detaillierte Inhalt vonWie unterscheidet ich zwischen dem Schlie?en eines Browser -Registerkartens und dem Schlie?en des gesamten Browsers mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
1597
29
1488
72
Binance New Version Download, das vollst?ndigste Tutorial zum Installieren und Herunterladen (iOS/Android)
Aug 01, 2025 pm 07:00 PM
Laden Sie zun?chst die Binance -App über den offiziellen Kanal herunter, um die Sicherheit zu gew?hrleisten. 1. Android -Benutzer sollten die offizielle Website besuchen, best?tigen, dass die URL korrekt ist, das Android -Installationspaket herunterladen und die Berechtigung "Anwendungen aus unbekannten Quellen installieren" im Browser erm?glichen. Es wird empfohlen, die Berechtigung nach Abschluss der Installation zu schlie?en. 2. Apple-Nutzer müssen eine nicht-Mainland-Apple-ID (wie die USA oder Hongkong) verwenden, sich bei der ID im App Store anmelden und die offizielle "Binance" -Anwendung suchen und herunterladen. Nach der Installation k?nnen Sie zur ursprünglichen Apple -ID zurückkehren. 3. Aktivieren Sie nach dem Herunterladen unbedingt die Zwei-Faktor-überprüfung (2FA) und halten Sie die Anwendung auf dem neuesten Stand, um die Sicherheit der Kontos zu gew?hrleisten. Der gesamte Vorgang muss über offizielle Kan?le betrieben werden, um zu vermeiden, dass Sie unbekannte Links klicken.
Ethereums neueste K-Line-Diagramm-App ETH Münzen 24-Stunden-Preisdynamik Echtzeit-Abfrage
Aug 01, 2025 pm 08:48 PM
Ethereum ist eine dezentrale Open -Source -Plattform, die auf der Blockchain -Technologie basiert, mit der Entwickler intelligente Vertr?ge und dezentrale Anwendungen erstellen und bereitstellen k?nnen. Seine native Kryptow?hrung ist Ethereum (ETH), eine der führenden digitalen W?hrungen mit Marktwert in der Welt.
Yandex Web Version Eingang So herunterladen Sie Binance Yandex Safe Download Binance
Aug 01, 2025 pm 06:27 PM
Wenn Sie Yandex verwenden, um den offiziellen Binance -Kanal zu finden, müssen Sie die offizielle Website genau suchen, indem Sie nach der "Binance Official Website" oder "Binance Official Website" suchen. 2. Nach dem Eintritt in die offizielle Website finden Sie den Eingang "Download" oder "App" im Kopf- oder Fu?zeilen und befolgen Sie die offiziellen Richtlinien, um die offiziell überprüften Installationsdateien über den App Store herunterzuladen oder zu erhalten. 3. Vermeiden Sie es, w?hrend des gesamten Prozesses auf Werbung oder Links von Drittanbietern zu klicken. Stellen Sie sicher, dass der Domain-Name korrekt ist und der Link vertrauenswürdig ist, um die Sicherheit herunterzuladen.
So setzen Sie den TCP/IP -Stapel in Windows zurück
Aug 02, 2025 pm 01:25 PM
ToreSolvenetworkConnectivityISSUSINWindows, ResetthetCP/IpStackByFirstopeningCommandpromptasadministrator, ThenRunningTheCommandNetHINTIPRESET, und endlich
Yandex -Webversion So laden Sie die neueste Version von Yandex -Webseite Binance herunter
Aug 01, 2025 pm 06:54 PM
?ffnen Yandex Browser; 2. Suchen Sie nach "Binance Official Website" und geben Sie den offiziellen Website -Link mit "Binance" ein. 3. Klicken Sie auf der Seite auf das Symbol "Download" oder Mobiltelefon, um die Download -Seite einzugeben. 4. W?hlen Sie die Android -Version aus; 5. Best?tigen Sie den Download und erhalten Sie das Installationsdateipaket. 6. Klicken Sie nach Abschluss des Downloads auf die Datei und befolgen Sie die Eingabeaufforderungen, um die Installation abzuschlie?en. Sie müssen immer über den offiziellen Kanal herunterladen, um Malware zu vermeiden, auf Anfragen zur Bewerbungserlaubnis zu achten und die Anwendung regelm??ig zu aktualisieren, um die Sicherheit zu gew?hrleisten. Der gesamte Vorgang erfordert eine sorgf?ltige Identifizierung der offiziellen Website und lehnte verd?chtige Links ab und installiert schlie?lich die Binance -App erfolgreich.
So fehlerhaft bei einer fehlgeschlagenen Windows -Installation zubeheben
Aug 02, 2025 pm 12:53 PM
VerififyThewindowsisoisfrommicrosoftandRecreatetheBootableUsbusingthemediacreationToolorRufuswithCorrectSettings; 2.SeSurehardwaremeetsRequeements, testramandstorageHealth und Disconnectunningaryperpherals;
Laden Sie die neue Version von Ouyi OKX herunter, das vollst?ndigste Tutorial zum Installieren und Herunterladen (iOS/Android)
Aug 01, 2025 pm 07:06 PM
Android -Benutzer müssen das Installationspaket über offizielle Kan?le herunterladen und die Berechtigung "Anwendungen aus unbekannten Quellen installieren" erm?glichen, bevor Sie die Installation abschlie?en. 2. Apple -Benutzer müssen Apple -IDs auf dem chinesischen Festland verwenden, um sich im App Store anzumelden und nach "OKX" zu suchen, um die offizielle Anwendung herunterzuladen. Nach der Installation k?nnen sie zum ursprünglichen Konto zurückkehren. 3. Laden Sie die Anwendung immer herunter und halten Sie sie über offizielle Kan?le auf dem Laufenden, achten Sie auf Phishing -Websites und falsche Anwendungen, um die Sicherheit von Konten und Verm?genswerten zu gew?hrleisten.
Die neueste Version der offiziellen Website von Ouyi App 2025 Ouyi Trading App Android V6.132.0
Aug 01, 2025 pm 09:12 PM
Ouyi ist eine weltweit führende Handelsplattform für digitale Asset, die den Benutzern sichere, stabile und zuverl?ssige Digital Asset Trading Services bietet und Spot- und Derivattransaktionen verschiedener digitaler Mainstream-Verm?genswerte wie Bitcoin (BTC), Ethereum (ETH) unterstützt. Das starke technische Team und das Risikokontrollsystem sind bestrebt, jede Transaktion von Benutzern zu schützen.
