Gli ultimi tutorial di sviluppo web
 

JavaScript Popup Boxes


JavaScript ha tre tipi di scatole pop-up: finestra di avviso, di dialogo Conferma, e di dialogo Richiesta.


Alert Box

Una finestra di avviso è spesso utilizzato se si vuole fare informazione assicurarsi arriva fino all'utente.

Quando una finestra di avviso si apre, l'utente dovrà cliccare su "OK" per procedere.

Sintassi

window.alert("sometext");

Il window.alert() metodo può essere scritto senza il prefisso finestra.

Esempio

alert("I am an alert box!");
Prova tu stesso "

confermare Box

Una finestra di conferma viene spesso utilizzata se si desidera che l'utente per verificare o accettare qualcosa.

Quando una casella di conferma si apre, l'utente dovrà fare clic su "OK" o "Cancel" per procedere.

Se l'utente fa clic "OK" , la casella restituisce true. Se l'utente clicca "Cancel" , la casella restituisce false.

Sintassi

window.confirm("sometext");

Il window.confirm() metodo può essere scritto senza il prefisso finestra.

Esempio

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}
Prova tu stesso "

Box Prompt

Una finestra di prompt viene spesso utilizzata se si desidera che all'utente di inserire un valore prima di entrare in una pagina.

Quando una finestra di prompt si apre, l'utente dovrà fare clic su "OK" o "Cancel" per procedere dopo aver inserito un valore di ingresso.

Se l'utente fa clic "OK" la casella restituisce il valore di ingresso. Se l'utente clicca "Cancel" la scatola restituisce null.

Sintassi

window.prompt("sometext","defaultText");

Il window.prompt() metodo può essere scritto senza il prefisso finestra.

Esempio

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
Prova tu stesso "

Interruzioni di riga

Per visualizzare interruzioni di riga all'interno di una finestra di popup, utilizzare un back-slash seguito dal carattere n.

Esempio

alert("Hello\nHow are you?");
Prova tu stesso "