JavaScript schließt das aktuelle Fenster Tipps

JavaScript ist eine beliebte Programmiersprache, die in der Webentwicklung weit verbreitet ist. Wenn Benutzer eine Aufgabe abschließen oder eine Webseite öffnen, möchten sie manchmal das aktuelle Fenster schließen. In JavaScript erfordert das Schließen des aktuellen Fensters die Verwendung der Methode window.close(). Es kann jedoch erforderlich sein, dem Benutzer vor dem Schließen des Fensters ein Eingabeaufforderungsfenster anzuzeigen.

Eingabeaufforderungsfenster können mithilfe der Funktionen „alert()“, „confirm()“ oder „prompt()“ erstellt werden. Die Funktion „alert()“ zeigt ein einfaches Meldungsfeld an, die Funktion „confirm()“ zeigt ein Meldungsfeld mit den Schaltflächen „OK“ und „Abbrechen“ an und die Funktion „prompt()“ zeigt ein Meldungsfeld mit einem Eingabefeld sowie „OK“ und „ Schaltflächen „Abbrechen“. In JavaScript können diese Funktionen mit der Methode window.close() verwendet werden, um eine benutzerfreundliche Aufforderung zum Schließen des Fensters zu erstellen.

Das Folgende ist ein Beispielcode, der zeigt, wie die Funktion „alert()“ verwendet wird, um den Benutzer aufzufordern, das Schließen des aktuellen Fensters zu bestätigen:

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗？";
};

In diesem Code verwenden wir das Ereignis window.onbeforeunload, um eine Rückruffunktion zu registrieren. Diese Funktion wird aufgerufen, wenn der Benutzer versucht, das aktuelle Fenster zu schließen. Die Rückruffunktion gibt eine Zeichenfolge zurück, die den Benutzer zur Bestätigung zum Schließen des Fensters auffordert. Wenn der Benutzer auf die Schaltfläche „Schließen“ klickt, wird das Fenster geschlossen.

Hier ist ein Beispielcode, der die Funktion „Bestätigen“ verwendet, um zu demonstrieren, wie ein Bestätigungsmeldungsfeld angezeigt wird:

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗？");
};

In diesem Code verwenden wir die Funktion „Bestätigen()“, um ein Bestätigungsmeldungsfeld mit „OK“ und „Abbrechen“ anzuzeigen "-Tasten Meldungsfeld. Wenn der Benutzer auf die Schaltfläche „OK“ klickt, gibt die Rückruffunktion „true“ zurück und das Fenster wird geschlossen. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt die Rückruffunktion „false“ zurück und das Fenster wird nicht geschlossen.

Schließlich ist hier ein Beispielcode, der die Funktion prompt() verwendet, um zu demonstrieren, wie der Benutzer zur Eingabe von Informationen aufgefordert wird:

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字：");
   if (name != null) {
      return "再见，" + name + "！";
   } else {
      return null;
   }
};

In diesem Code verwenden wir die Funktion prompt(), um ein Eingabefeld mit „OK“ und anzuzeigen „Meldungsfeld der Schaltfläche „Abbrechen“. Wenn der Benutzer auf die Schaltfläche „OK“ klickt, gibt die Rückruffunktion eine Abschiedsnachricht mit dem Namen des Benutzers zurück. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt die Rückruffunktion null zurück und das Fenster wird nicht geschlossen.

In all diesen Beispielen verwenden wir das window.onbeforeunload-Ereignis, um die Callback-Funktion zu registrieren. Dieses Ereignis wird ausgelöst, wenn das Fenster kurz vor dem Schließen steht, und kann verwendet werden, um bestimmte Vorgänge vor dem Schließen des Fensters auszuführen.

Zusammenfassend bietet JavaScript mehrere Methoden, um das aktuelle Fenster zu schließen und den Benutzer zur Bestätigung aufzufordern. Verwenden Sie die Funktionen „alert()“, „confirm()“ oder „prompt()“, um die Eingabeaufforderung benutzerfreundlicher und verständlicher zu gestalten. Mithilfe des window.onbeforeunload-Ereignisses können wir bestimmte Vorgänge ausführen, bevor wir das Fenster schließen, z. B. das Bereinigen temporärer Daten oder das Speichern von Benutzereingaben.

Das obige ist der detaillierte Inhalt vonJavaScript schließt das aktuelle Fenster Tipps. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!