Wyskakujące okienka JavaScript

• Może 9, 2024

JavaScript został zaprojektowany w celu dodania interaktywności do stron internetowych, więc nie jest zaskakujące, że ma kilka funkcji, które ułatwiają zbieranie informacji i wyświetlanie ich użytkownikowi za pomocą wyskakujących okienek. Zanim spojrzymy na te pola, należy pamiętać, że chociaż często są to najprostszy sposób na gromadzenie i wyświetlanie informacji, niekoniecznie są one najbardziej atrakcyjne lub przyjazne dla użytkownika. Wyskakujące okienka wymagają między innymi naciśnięcia przycisku, aby zamknąć okno po każdej wiadomości lub wejściu - może się szybko zestarzeć. Ponadto, z punktu widzenia projektowania stron internetowych, naprawdę masz bardzo niewielką kontrolę nad prezentacją informacji w wyskakujących oknach. To powiedziawszy, we właściwym miejscu i używane z umiarem, wyskakujące okienka mogą być zarówno proste, jak i skuteczne.

Istnieją trzy rodzaje wyskakujących okienek - alarm, potwierdzenie i monit. Najprostszym i najczęściej używanym oknem wyskakującym jest alert. Alert przyjmuje jeden argument - wiadomość dla użytkownika. Gdy pojawi się okno ostrzeżenia, użytkownik nie może kontynuować, dopóki nie naciśnie przycisku „OK”. Kod pola ostrzeżenia jest prosty:

alert („To jest alert”)



Pole potwierdzenia jest tylko nieco bardziej skomplikowane. Podobnie jak alert, potwierdzenie przyjmuje jeden argument - wiadomość. Gdy pojawi się okno potwierdzenia, użytkownik ma wybór odpowiedzi za pomocą przycisków „OK” lub „Anuluj”. W przeciwieństwie do alertu, potwierdź ma wartość zwracaną - 0 oznacza, że ​​użytkownik nacisnął „Anuluj”, a 1 oznacza „OK”. Kod pola potwierdzenia jest identyczny z polem alertu, z tą różnicą, że chcesz w jakiś sposób zebrać wartość zwracaną:

save_me = potwierdź („To jest okienko wyskakujące z potwierdzeniem”)



Chociaż jest to najbardziej skomplikowane wyskakujące okienko, monit jest nadal dość prosty. Monit przyjmuje dwa argumenty - komunikat dla użytkownika i wartość domyślną (lub „”, jeśli nie chcesz wartości domyślnej). Gdy pojawi się okno zachęty, użytkownik może wprowadzić żądane informacje i nacisnąć „OK”. Istnieje również przycisk „Anuluj”. Wartość zwracana jest odpowiedzią użytkownika. Jeśli użytkownik anuluje, zwracana wartość to zero. Jeśli pozostawią puste pole zachęty, zwracaną wartością będzie pusty ciąg („”). Prawdopodobnie chcesz sprawdzić te wartości i zrobić coś specjalnego zamiast używać zero lub pusty ciąg jako odpowiedź. Kod pola zachęty to:

Response = prompt („To jest monit”, „Odpowiedz tutaj”)



Możesz zobaczyć demonstrację tych wyskakujących okienek tutaj

---

Instrukcje Wideo: JS - wyskakujące okienka i komentarze (Może 2024).