Wyskakujące okienka JavaScript
JavaScript ma trzy rodzaje wyskakujących okienek: pole alertu, pole potwierdzenia i pole monitu.
Pole alertu
Pole alertu jest często używane, jeśli chcesz mieć pewność, że informacje dotrą do użytkownika.
Gdy pojawi się okno alertu, użytkownik będzie musiał kliknąć „OK”, aby kontynuować.
Składnia
window.alert("sometext");
Metodę window.alert()
można napisać bez prefiksu okna.
Przykład
alert("I am an alert box!");
Pole potwierdzenia
Pole potwierdzenia jest często używane, jeśli chcesz, aby użytkownik coś zweryfikował lub zaakceptował.
Gdy pojawi się okno potwierdzenia, użytkownik będzie musiał kliknąć „OK” lub „Anuluj”, aby kontynuować.
Jeśli użytkownik kliknie „OK”, pole zwróci true . Jeśli użytkownik kliknie „Anuluj”, pole zwróci false .
Składnia
window.confirm("sometext");
Metodę window.confirm()
można napisać bez prefiksu okna.
Przykład
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Pole podpowiedzi
Pole podpowiedzi jest często używane, jeśli chcesz, aby użytkownik wprowadził wartość przed wejściem na stronę.
Gdy pojawi się okno dialogowe, użytkownik będzie musiał kliknąć „OK” lub „Anuluj”, aby kontynuować po wprowadzeniu wartości wejściowej.
Jeśli użytkownik kliknie „OK”, pole zwróci wartość wejściową. Jeśli użytkownik kliknie „Anuluj”, pole zwróci wartość null.
Składnia
window.prompt("sometext","defaultText");
Metodę window.prompt()
można napisać bez prefiksu okna.
Przykład
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Podziały wierszy
Aby wyświetlić podziały wierszy w wyskakującym okienku, użyj odwrotnego ukośnika, po którym następuje znak n.
Przykład
alert("Hello\nHow are you?");