Caselle popup JavaScript
JavaScript ha tre tipi di finestre popup: casella di avviso, casella di conferma e casella di richiesta.
Casella di avviso
Una finestra di avviso viene spesso utilizzata se si desidera assicurarsi che le informazioni arrivino all'utente.
Quando viene visualizzata una finestra di avviso, l'utente dovrà fare clic su "OK" per procedere.
Sintassi
window.alert("sometext");
Il window.alert()
metodo può essere scritto senza il prefisso della finestra.
Esempio
alert("I am an alert box!");
Conferma casella
Una casella di conferma viene spesso utilizzata se si desidera che l'utente verifichi o accetti qualcosa.
Quando viene visualizzata una finestra di conferma, l'utente dovrà fare clic su "OK" o "Annulla" per procedere.
Se l'utente fa clic su "OK", la casella restituisce true . Se l'utente fa clic su "Annulla", la casella restituisce false .
Sintassi
window.confirm("sometext");
Il window.confirm()
metodo può essere scritto senza il prefisso della finestra.
Esempio
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Casella di richiesta
Una finestra di richiesta viene spesso utilizzata se si desidera che l'utente immetta un valore prima di accedere a una pagina.
Quando viene visualizzata una finestra di richiesta, l'utente dovrà fare clic su "OK" o "Annulla" per procedere dopo aver inserito un valore di input.
Se l'utente fa clic su "OK", la casella restituisce il valore di input. Se l'utente fa clic su "Annulla", la casella restituisce null.
Sintassi
window.prompt("sometext","defaultText");
Il window.prompt()
metodo può essere scritto senza il prefisso della finestra.
Esempio
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?";
}
Interruzioni di riga
Per visualizzare le interruzioni di riga all'interno di una finestra popup, utilizzare una barra rovesciata seguita dal carattere n.
Esempio
alert("Hello\nHow are you?");