Vyskakovací okna JavaScriptu
JavaScript má tři druhy vyskakovacích oken: pole upozornění, pole potvrzení a pole výzvy.
Pole upozornění
Výstražné okno se často používá, pokud chcete zajistit, aby se informace dostaly k uživateli.
Když se objeví výstražné okno, uživatel bude muset kliknout na „OK“, aby mohl pokračovat.
Syntax
window.alert("sometext");
Metodu window.alert()
lze napsat bez prefixu okna.
Příklad
alert("I am an alert box!");
Potvrdit políčko
Potvrzovací pole se často používá, pokud chcete, aby uživatel něco ověřil nebo přijal.
Když se objeví potvrzovací okno, uživatel bude muset pro pokračování kliknout na „OK“ nebo „Zrušit“.
Pokud uživatel klikne na „OK“, pole vrátí hodnotu true . Pokud uživatel klikne na „Storno“, pole vrátí hodnotu false .
Syntax
window.confirm("sometext");
Metodu window.confirm()
lze napsat bez prefixu okna.
Příklad
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Výzva
Výzvové pole se často používá, pokud chcete, aby uživatel zadal hodnotu před vstupem na stránku.
Když se objeví okno s výzvou, uživatel bude muset po zadání vstupní hodnoty pokračovat kliknutím na „OK“ nebo „Storno“.
Pokud uživatel klikne na „OK“, pole vrátí vstupní hodnotu. Pokud uživatel klikne na „Storno“, pole vrátí hodnotu null.
Syntax
window.prompt("sometext","defaultText");
Metodu window.prompt()
lze napsat bez prefixu okna.
Příklad
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?";
}
Přerušení řádků
Chcete-li ve vyskakovacím okně zobrazit zalomení řádků, použijte zpětné lomítko následované znakem n.
Příklad
alert("Hello\nHow are you?");