Popup -Boxen in JavaScript
In JavaScript sind drei verschiedene Popup -Boxen verfügbar. Box alarmieren, auffordern und bestätigen, und wir werden jede der Popup -Boxen in diesem Beitrag untersuchen.
Was ist die Alarmbox??
Die Alarmbox ist eine Box, die in der oberen Mitte des Browserfensters angezeigt wird, und es wird hauptsächlich verwendet, um dem Benutzer Warnungen anzuzeigen. Andere Teile des Programms würden nicht mehr ausführen. Klicken Sie einfach auf die Schaltfläche "Alert" im Alarm -Popup -Feld, um die Schaltfläche OK im Alarm -Feld vorzustellen. Der Syntax Für die Alarmbox ist:
alarm ("Warnung");Lassen Sie uns ein Beispiel sehen, in dem wir a anzeigen Hallo! Nachricht im Alarmbox. Der JavaScript -Code ist unten vorhanden:
Im obigen Code haben wir eine Taste definiert und eine initialisiert ONCLICK Ereignis darauf bedeutet dies, wenn der Benutzer auf die klickt Klick mich Taste, myfunc () wird ausführen. Nach der Initialisierung des Schaltflächen -Tags haben wir das Skript -Tag initialisiert, in dem alle unser JavaScript -Code vorhanden sein werden. In den Skript -Tags haben wir eine Funktion definiert und in der Funktion zeigten wir eine Warnung, die ihm die Nachricht von gab Hallo! Die Ausgabe des obigen Codes ist unten angezeigt:
Wir können sehen, dass der Benutzer, wenn der Benutzer auf die Schaltfläche klickt, die Hallo! Alarm zeigte sich.
Was ist die Eingabeaufforderung Box??
Das Eingabeaufforderung Box wird hauptsächlich verwendet, um Eingaben von einem Benutzer zu erhalten, und erscheint beim Aufrufen in der oberen Mitte des Browsers. Die Eingabedaten sind ebenfalls verfügbar, nachdem wir das Eingabeaufforderungsfeld geschlossen haben. Wenn Sie das Eingabefeld im Eingabeaufforderungsfeld leer lassen, gibt es einen Nullwert zurück. Die Syntax für das Eingabeaufforderung Box lautet:
Eingabeaufforderung ("Eingabeaufforderung hier");Lassen Sie uns ein Beispiel durchgehen, um die Eingabeaufforderung besser zu verstehen.
Im obigen Code nehmen wir eine Eingabe mithilfe des Eingabeaufforderungsfelds ein und speichern sie auf dem Variablennamen. Nach dem Speichern des Namen. Die Ausgabe des obigen Codes ist unten:
Wir werden den Namen jetzt im Konsolenfenster sehen:
Was ist eine Bestätigungsbox?
Die dritte und letzte Art von Popup -Box, die JavaScript uns bietet. Wenn der Benutzer die Erlaubnis erteilt, muss er/sie auf die OK -Schaltfläche klicken, da er/sie/sie auf die Schaltfläche Abbrechen klicken muss. Der Syntax Für Bestätigungsbox ist:
Bestätigen ("Erlaubnis geht hier");Lassen Sie uns nun ein Beispiel für die Bestätigungsbox durchlaufen.
Im obigen Code in der Funktion prüfen wir, ob der Benutzer auf die Klicken hat "OK" Schaltfläche oder die Schaltfläche Abbrechen. Wenn der Benutzer auf die klickt OK Taste dann werden wir sehen „OK gedrückt!” Im Konsolenprotokoll werden wir sonst sehen "Stornieren!” Im Konsolenprotokoll.
Sehen wir uns die Ausgabe im Konsolenprotokoll an, wenn wir auf die Schaltfläche OK im Bestätigungsfeld klicken:
Sehen wir nun die Ausgabe an, wenn wir im Konsolenprotokoll auf die Schaltfläche Abbrechen klicken:
Die Konsole zeigt die folgende Ausgabe:
Abschluss
JavaScript bietet uns drei Arten von Pop-up-Boxen an, mit denen ein Benutzer unsere Webanwendung oder Webseite eine Nachricht, Warnung oder Benachrichtigung anzeigen wird. Die drei Popup -Boxen sind; Warnung, Eingabeaufforderung und Bestätigung Box. Mit dem Alert -Popup -Box werden einem Benutzer eine Warnung angezeigt, während die Eingabeaufforderung Popup -Box verwendet wird, um Eingaben vom Benutzer zu erhalten, und das endgültige Bestätigungsfeld wird verwendet, um die Erlaubnis von einem Benutzer zu übernehmen.
In diesem Beitrag haben wir die drei Popup -Boxen in JavaScript zusammen mit ihrer Implementierung und Screenshots der Ausgabe in JavaScript besprochen.