Javascript-Schließungsaufforderung

WBOY
Freigeben: 2023-05-09 09:07:37
Original
2029 Leute haben es durchsucht

JavaScript Off Prompt

Als Frontend-Entwickler müssen wir häufig JavaScript verwenden, um der Website einige dynamische Effekte und interaktive Funktionen hinzuzufügen. Unter diesen sind Popup- oder Eingabeaufforderungsfelder eine häufige Funktion. Sie können verwendet werden, um Benutzer daran zu erinnern, bestimmte Vorgänge auszuführen oder einige Informationen anzuzeigen. In diesem Fall müssen wir die Warn- oder Bestätigungsfunktion in JavaScript verwenden, um das Eingabeaufforderungsfeld anzuzeigen.

Die Hauptfunktion von Alarm und Bestätigung besteht darin, eine Nachricht oder eine Nachricht und eine Schaltfläche zum Bestätigen oder Abbrechen anzuzeigen. Für diese Funktionen muss der Benutzer zum Schließen manuell auf eine Schaltfläche zum Bestätigen oder Abbrechen klicken. Aber manchmal möchten wir das Popup-Fenster automatisch schließen, um das Benutzererlebnis besser steuern zu können. In diesem Artikel besprechen wir, wie man einen Tooltip mit JavaScript schließt.

Alarmaufforderungsfeld schließen

Um das Alarmaufforderungsfeld zu schließen, müssen wir die Funktion setTimeout verwenden. Die Funktion setTimeout wird verwendet, um eine Funktion nach einer bestimmten Zeit auszuführen. Mit dieser Funktion können wir die Warnmeldungsbox nach einer bestimmten Zeit schließen.

Der folgende Code zeigt, wie das Warnmeldungsfeld nach 5 Sekunden geschlossen wird.

alert("这是一条提示信息!");

setTimeout(function(){
    window.close();
}, 5000);
Nach dem Login kopieren

Im obigen Code verwenden wir die Funktion setTimeout, um nach 5 Sekunden eine anonyme Funktion auszuführen. In dieser Funktion wird die Methode window.close() aufgerufen, um das aktuelle Fenster zu schließen. Beachten Sie, dass JavaScript aus Sicherheitsgründen das Browserfenster nicht direkt schließen kann, wohl aber das von JavaScript geöffnete Fenster oder die geöffnete Registerkarte.

Schließen Sie das Bestätigungsaufforderungsfeld.

Anders als das Warnungsaufforderungsfeld erfordert das Bestätigungsaufforderungsfeld, dass der Benutzer manuell auf die Schaltfläche „Bestätigen“ oder „Abbrechen“ klickt, um es zu schließen. Aber manchmal möchten wir das Bestätigungsfeld automatisch schließen, nachdem der Benutzer einen Vorgang ausgeführt hat.

Der folgende Code zeigt, wie das Bestätigungsfeld automatisch geschlossen wird, nachdem der Benutzer „Bestätigen“ oder „Abbrechen“ ausgewählt hat.

var confirmed = confirm("你确认要执行这个操作吗?");

if (confirmed === true) {
    setTimeout(function(){
        window.close();
    }, 5000);
} else {
    // 用户取消操作,不需要关闭提示框
}
Nach dem Login kopieren

Im obigen Code verwenden wir zunächst die Bestätigungsfunktion, um ein Eingabeaufforderungsfeld aufzurufen, und warten darauf, dass der Benutzer „Bestätigen“ oder „Abbrechen“ auswählt. Wenn der Benutzer „Bestätigen“ auswählt, wird das Eingabeaufforderungsfeld nach 5 Sekunden automatisch geschlossen. Wenn der Benutzer „Abbrechen“ auswählt, muss das Eingabeaufforderungsfeld nicht geschlossen werden.

Zusammenfassung

JavaScript-Eingabeaufforderungsfelder (Warnung und Bestätigung) sind eine häufige Funktion von Webanwendungen. Sie können verwendet werden, um Benutzer daran zu erinnern, bestimmte Vorgänge auszuführen oder einige Informationen anzuzeigen. Obwohl diese Eingabeaufforderungsfelder standardmäßig manuell geschlossen werden müssen, können wir sie manchmal mithilfe von JavaScript automatisch schließen, um die Benutzererfahrung besser zu steuern. Beim Schließen des Warn- oder Bestätigungsfelds können wir die Funktion setTimeout verwenden, um die Ausführung eines Vorgangs zu verzögern, um ein automatisches Schließen zu erreichen.

Das obige ist der detaillierte Inhalt vonJavascript-Schließungsaufforderung. 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