Finestre pop-up JavaScript

JavaScript ha tre tipi di finestre popup: finestra di avviso, finestra di conferma e finestra di input.

Finestra di avviso

Per assicurarsi che le informazioni siano trasmesse all'utente, di solito si utilizza la finestra di avviso.

Quando la finestra di avviso viene visualizzata, l'utente deve cliccare su "Conferma" per procedere.

Sintassi

window.alert("sometext");

window.alert() Il metodo può essere utilizzato senza window prefisso per scrivere.

Esempio

alert("Sono una finestra di avviso!");

Prova tu stesso

Finestra di conferma

Se desideri che l'utente verifichi o accetti qualcosa, di solito si utilizza la finestra di conferma.

Quando la finestra di conferma viene visualizzata, l'utente deve cliccare su "Conferma" o "Annulla" per procedere.

Se l'utente clicca su "Conferma", la finestra di dialogo restituisce trueSe l'utente clicca su "Annulla", la finestra di dialogo restituisce false.

Sintassi

window.confirm("sometext");

window.confirm() Il metodo può essere utilizzato senza window in un prefisso.

Esempio

var r = confirm("Permetti di cliccare il pulsante");
if (r == true) {
    x = "您按了确认！";
} else {
    x = "您按了取消！";
}

Prova tu stesso

Casella di dialogo

Se si desidera che l'utente inserisca un valore prima di accedere alla pagina, si utilizza spesso la casella di dialogo.

Quando la casella di dialogo viene visualizzata, l'utente deve inserire un valore e fare clic su "Conferma" o su "Annulla" per procedere.

Se l'utente fa clic su "Conferma", la casella di dialogo restituisce il valore di input. Se l'utente fa clic su "Annulla", la casella di dialogo restituisce NULL.

Sintassi

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

window.prompt() Il metodo può essere utilizzato senza window in un prefisso.

Esempio

var person = prompt("请输入您的姓名", "比尔盖茨");
if (person != null) {
    document.getElementById("demo").innerHTML = "你好 " + person + "！今天过的怎么样？";
}

Prova tu stesso

Rientro

Per visualizzare una riga di rientro nella finestra di dialogo, aggiungi un carattere dopo la barra inversa n.

Esempio

alert("Hello\nHow are you?");

Prova tu stesso