Heim >Web-Frontend >js-Tutorial >Tutorial zum Implementieren von Dialogfeldern mit JavaScript_Grundkenntnisse
JavaScript unterstützt drei wichtige Arten von Dialogfeldern. Diese Dialogfelder können verwendet werden, um Eingaben oder Eingaben des Benutzers auszulösen und zu warnen oder um eine Bestätigung zu erhalten.
Hier sehen wir uns jedes Dialogfeld einzeln an:
Alarmdialog:
Ein Warndialogfeld wird hauptsächlich verwendet, um dem Benutzer eine Warnmeldung zu übermitteln. Genauso wie wenn ein Eingabefeld die Eingabe von Text erfordert, der Benutzer das Feld jedoch nicht zur Bestätigung eingibt, können Sie ein Warnfeld verwenden und einen Teil der Warnmeldung wie folgt angeben:
<head> <script type="text/javascript"> <!-- alert("Warning Message"); //--> </script> </head>
Eine Benachrichtigungsbox kann jedoch weiterhin für freundliche Nachrichten verwendet werden. Warnfeld, das nur eine Schaltfläche „Ok“ zum Auswählen und Fortfahren bietet.
Bestätigungsdialog:
Ein Bestätigungsdialog dient in erster Linie dazu, dem Benutzer seine Zustimmung zu einer beliebigen Option zu erteilen. Es wird ein Dialogfeld mit zwei Schaltflächen angezeigt: OK und Abbrechen.
Wenn der Benutzer auf die Schaltfläche „OK“ klickt, gibt die Fenstermethode „confirm()“ „true“ zurück. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt bestätigt() „false“ zurück. Es kann ein Bestätigungsdialog verwendet werden, wie unten gezeigt:
<head> <script type="text/javascript"> <!-- var retVal = confirm("Do you want to continue ?"); if( retVal == true ){ alert("User wants to continue!"); return true; }else{ alert("User does not want to continue!"); return false; } //--> </script> </head>
Eingabeaufforderungsdialogfeld:
Das Eingabeaufforderungsdialogfeld ist sehr nützlich, wenn Sie ein Textfeld öffnen möchten, um Benutzereingaben einzuholen. Daher ermöglicht es Ihnen, mit dem Benutzer zu interagieren. Der Benutzer muss die Felder ausfüllen und auf OK klicken.
Die Verwendung von prompt() im Dialogfeld ist eine Methode. Sie verfügt über zwei Parameter (I), die im Textfeld angezeigt werden (Ⅱ), und die Standardzeichenfolge zum Anzeigen der im Textfeld angezeigten Beschriftung.
Dieses Dialogfeld verfügt über zwei Schaltflächen: OK und Abbrechen. Die Fenstermethode prompt() gibt den eingegebenen Wert aus dem Textfeld zurück, wenn der Benutzer auf die Schaltfläche „OK“ klickt. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt die Fenstermodus-Eingabeaufforderung () null zurück.
Es kann ein Eingabeaufforderungsdialogfeld verwendet werden, wie unten gezeigt:
<head> <script type="text/javascript"> <!-- var retVal = prompt("Enter your name : ", "your name here"); alert("You have entered : " + retVal ); //--> </script> </head>