Warnung Ja Nein Mit der confirm() funktion in JavaScript
In diesem Tutorial wird beschrieben, wie Sie mit der Funktion confirm() in JavaScript einen Dialog erstellen.
Erstellen einen Dialog mit der Funktion confirm() in JavaScript
Um einen Dialog zu erstellen, können wir die Funktion confirm() in JavaScript verwenden. Diese Funktion fragt den Benutzer nach seiner Meinung und gibt je nach Wahl des Benutzers true oder false zurück. Sie können den zurückgegebenen Wert verwenden, um die gewünschte Funktion auszuführen.
Lassen Sie uns zum Beispiel mit der Funktion confirm() einen Dialog mit etwas Text erstellen. Siehe den folgenden Code.
var dialog = confirm('Save data?');
if (dialog) {
console.log('Data Saved')
} else {
console.log('Data Not Saved')
}
Ausgabe:
Data Saved
Wenn Sie den obigen Code ausführen, wird ein Dialogfeld angezeigt, in dem Sie gefragt werden, ob Sie Daten speichern möchten oder nicht. Wenn Sie ok drücken, erscheint die obige Ausgabe auf der Konsole.
Mit der Funktion console.log() wird der Text auf der Konsole ausgegeben. Wenn die Funktion confirm() Probleme verursacht, können Sie auch die Funktion window.confirm() verwenden, um Probleme zu vermeiden.
Nun erscheint der obige Dialog, wenn Sie die Seite neu laden oder öffnen. Sie können es jedoch auch mit einer Schaltfläche oder einem Link anhängen; Auf diese Weise wird dieser Dialog angezeigt, wenn eine Schaltfläche oder ein Link gedrückt wird. Ansonsten nicht.
Verwenden wir beispielsweise eine Schaltfläche, um den Benutzer um eine Bestätigung zum Speichern von Daten zu bitten. Siehe den Code unten.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>
Ausgabe:
Data Saved
Im obigen Code verwenden wir eine Schaltfläche, um den Dialog anzuzeigen, Sie können ihn jedoch auch über einen Link oder ein Formular nach Ihren Anforderungen anzeigen.
