jquery wartet auf das Schließen der Unterseite

WBOY
Freigeben: 2023-05-12 10:21:37
Original
1074 Leute haben es durchsucht

Bei der Webentwicklung ist es häufig erforderlich, einige Vorgänge der Seite zu überwachen, z. B. das Schließen der Seite, das Springen usw. Auf der Unterseite müssen wir wissen, wie wir auf das Schließereignis hören, um beim Schließen einige Vorgänge auszuführen oder Daten zu übertragen.

In diesem Fall können wir jQuery verwenden, um auf das Abschlussereignis der Unterseite zu warten. Die spezifische Implementierungsmethode lautet wie folgt:

  1. Unterseitenobjekt abrufen

Auf der übergeordneten Seite müssen Sie das Fensterobjekt abrufen Dieses Objekt wird übergeben. Verwenden Sie die Methode window.open(), um eine untergeordnete Seite zu öffnen, zum Beispiel:

var childWin = window.open("child.html");# 🎜🎜#

Auf diese Weise können Sie es zum untergeordneten Seitenobjekt childWin bringen.

    Auf Ereignisse zum Schließen der Unterseite warten
Nachdem wir das Unterseitenobjekt haben, können wir es verwenden, um auf Ereignisse zum Schließen der Unterseite zu warten. Die Methode, die Sie verwenden müssen, ist onbeforeunload, die beim Schließen der Seite ausgelöst wird. Wir können diese Methode an das Fensterobjekt der untergeordneten Seite binden, zum Beispiel:

childWin.onbeforeunload = function(){

//Operationen, die beim Schließen der Seite
} ausgeführt werden #🎜 🎜#
Mit dieser Methode können wir einige Operationen ausführen. Übergeben Sie beispielsweise Daten an die übergeordnete Seite oder führen Sie Aufräumarbeiten durch.

Vorgänge nach dem Abhören des Abschlussereignisses
  1. Wenn die Unterseite geschlossen ist, können wir verwandte Vorgänge in der onbeforeunload-Methode ausführen. Zum Beispiel:

childWin.onbeforeunload = function(){

//Daten an die übergeordnete Seite übergeben

window.opener.postMessage(data, '*');#🎜 🎜# //Aufräumarbeiten durchführen
//...
}

Hier verwenden wir die Methode window.opener.postMessage(), um Daten an die übergeordnete Seite zu übergeben. Diese Methode ist eine Methode zum Senden von Daten an die übergeordnete Seite auf der untergeordneten Seite. Das * gibt an, dass Daten an jede Seite gesendet werden können.

Zusätzlich zur Weitergabe von Daten können wir auch einige Aufräumarbeiten durchführen. Dazu gehört das Schließen offener Verbindungen, das Löschen des lokalen Caches usw. Diese Aufgaben dienen alle dazu, die Datenintegrität und -sicherheit beim Schließen der Seite sicherzustellen.

Zusammenfassend lässt sich sagen, dass wir mit jQuery das Schließereignis der Unterseite abhören können, um beim Schließen einige Vorgänge auszuführen oder einige Daten zu übertragen. Diese Methode ist relativ einfach, wird häufig verwendet und ist eine wesentliche Fähigkeit für Front-End-Entwickler.

Das obige ist der detaillierte Inhalt vonjquery wartet auf das Schließen der Unterseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage