Skrzynki wyskakujące w JavaScript
W JavaScript dostępne są trzy różne skrzynki wyskakujące; ostrzeżenie, monit i potwierdź pola, a my zbadamy każde okienek wyskakujące w tym poście.
Co to jest skrzynka alertów?
Pudełko alertów to pole pokazane w górnym środku okna przeglądarki i służy głównie do wyświetlania ostrzeżeń dla użytkownika. Inne części programu przestałyby wykonywać, chyba że użytkownik zamknie pole alertu. Aby zamknąć okienko wyskakujące ostrzeżenie, po prostu kliknij przycisk OK obecny w polu alertu. składnia Box alarm to:
alert („ostrzeżenie”);Zobaczmy przykład, w którym wyświetlamy Cześć! Wiadomość w polu alertu. Kod JavaScript znajduje się poniżej:
W powyższym kodzie zdefiniowaliśmy przycisk i zainicjowaliśmy na kliknięcie zdarzenie na nim oznacza, gdy użytkownik kliknie Kliknij przycisk, myfunc () Wykonanie. Po inicjowaniu znacznika przycisku zainicjowaliśmy znacznik skryptu, w którym będzie obecny cały nasz kod JavaScript. Wewnątrz tagów skryptu zdefiniowaliśmy funkcję i wewnątrz funkcji, pokazaliśmy powiadomienie o przekazaniu wiadomości Cześć! Dane wyjściowe powyższego kodu pokazano poniżej:
Widzimy, że gdy użytkownik kliknie przycisk, Cześć! Pojawił się alert.
Jakie jest szybkie pudełko?
Pole monitowe służy głównie do uzyskania danych wejściowych od użytkownika i pojawia się w górnym środku przeglądarki po wywołaniu. Dane wejściowe są również dostępne po zamknięciu wiersza, a jeśli zostawisz pole wejściowe w polu podpowiedzi, to zwróci wartość zerową. Składnia dla wiersza jest:
monit („podpowiedź tutaj”);Przejrzyjmy przykład, aby lepiej zrozumieć podpowiedź.
W powyższym kodzie przyjmujemy dane wejściowe za pomocą wiersza i zapisujemy je do nazwy zmiennej. Po zapisaniu nazwy pocieszamy zalogowaną nazwę użytkownika, który został wprowadzony. Wyjście powyższego kodu jest poniżej:
Teraz zobaczymy nazwę w oknie konsoli:
Co to jest pudełko potwierdzające?
Trzeci i ostateczny typ okieiennego pudełka JavaScript jest nam pudełkiem potwierdzającym, którego funkcją jest uzyskanie pozwolenia lub autoryzacji od użytkownika. Jeśli użytkownik udziela pozwolenia, musi kliknąć przycisk OK, w przeciwnym razie musi kliknąć przycisk Anuluj. składnia dla potwierdzenia pudełko to:
Potwierdź („Zezwolenie tutaj”);Teraz przejrzyjmy przykład pudełka potwierdzającego.
W powyższym kodzie, wewnątrz funkcji, sprawdzamy, czy użytkownik kliknął "OK" przycisk lub przycisk Anuluj. Jeśli użytkownik kliknie OK przycisk, wtedy zobaczymy „Ok naciśnięte!" W przeciwnym razie w dzienniku konsoli zobaczymy "Anulować!" W dzienniku konsoli.
Zobaczmy dane wyjściowe w dzienniku konsoli, gdy klikamy przycisk OK pola potwierdź:
Teraz zobaczmy wyjście, gdy klikamy przycisk Anuluj w dzienniku konsoli:
Konsola pokazuje następujące dane wyjściowe:
Wniosek
JavaScript oferuje nam trzy rodzaje wyskakujących skrzynek, które służą do wyświetlania wiadomości, ostrzeżenia lub powiadomienia użytkownika za pomocą naszej aplikacji internetowej lub strony internetowej. Trzy wyskakujące skrzynki są; ostrzeżenie, monit i potwierdź pudełko. W wyskakowaniu ostrzeżenia służy do pokazania ostrzeżenia dla użytkownika, podczas gdy podskok pod wyskakującym podskokiem służy do przyjmowania danych wejściowych od użytkownika, a końcowe pole potwierdzenia służy do przyjmowania uprawnienia od użytkownika.
W tym poście omówiliśmy trzy okienka w JavaScript wraz z ich implementacją i zrzutem ekranu wyników w JavaScript.