Finestre di dialogo JavaScript

In JavaScript, puoi creare finestre di dialogo o finestre pop-up per interagire con l'utente.

JavaScript ha tre tipi diversi di finestre pop-up: finestra di avviso, finestra di conferma e finestra di dialogo.

Finestra di avviso

La finestra di avviso è la più semplice tipo di finestra pop-up. Ti permette di mostrare un messaggio breve all'utente.

Incluso anche il pulsante "Conferma", l'utente deve cliccare su questo pulsante "Conferma" per continuare.

Sintassi:

window.alert("msg")

window.alert()Il metodo può non avere il prefisso "window." e può essere utilizzato direttamente:

alert("Hello world!");

Finestra di conferma

Di solito si utilizza la finestra di conferma per verificare o accettare某些内容.

La finestra di conferma assomiglia alla finestra di avviso, ma contiene i pulsanti "Annulla" e "Conferma".

Se l'utente clicca su "Conferma", la casella restituiscetrueSe l'utente clicca su "Annulla", la casella restituiscefalse。

Sintassi:

window.confirm("msg")

window.confirm()Il metodo può non avere il prefisso "window." e può essere utilizzato direttamente:

var r = confirm("Premi un pulsante!");
if (r == true) {
　　　txt = "Hai premuto Conferma!";
}
　　　txt = "Hai premuto Annulla!";
}

Finestra di dialogo

Se si desidera che l'utente inserisca un valore prima di accedere alla pagina, di solito si utilizza una finestra di dialogo.

La finestra di dialogo include un campo di input di testo, i pulsanti "Conferma" e "Annulla".

Se l'utente clicca su "Conferma", la casella restituirà il valore di input. Se l'utente clicca su "Annulla", la casella restituirà null.

Sintassi:

window.prompt("msg", "defaultText")

window.prompt()Il metodo può non avere il prefisso "window." e può essere utilizzato direttamente:

var name = prompt("Inserisci il tuo nome", "Someone");
if (name != null) {
　　　document.getElementById("output").innerHTML = "Hello " + name;
}

Attenzione:prompt()Il valore restituito dal metodo è sempre una stringa. Questo significa che se l'utente inserisce 15 nel campo di input, viene restituita la stringa " 15" invece del numero 15.

Quindi, se si deve utilizzare il valore di ritorno come numero, è necessario convertirlo, vedereCome convertire i tipi di dati in JavaScript。

Visualizzazione di un'interruzione di riga nel dialogo

Per visualizzare un'interruzione di riga nel dialogo, utilizzare l'interruzione di riga o l'interruzione di riga (\n); seguita dal carattere n.

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

Più esempi

Questo esempio dimostra i diversi tipi di dialoghi supportati da JavaScript: