Tipi di caselle popup in JavaScript

Tipi di caselle popup in JavaScript
JavaScript fornisce più funzioni predefinite che vengono utilizzate per dimostrare messaggi per scopi diversi. In JavaScript, le caselle popup vengono utilizzate per visualizzare le notifiche semplici, per ottenere l'input o la conferma dell'utente, ecc. Tutto sommato le scatole pop -up vengono utilizzate per avvisare, avvisare o avvertire gli utenti. Una volta visualizzata una scatola pop-up, non saresti in grado di eseguire qualsiasi altra operazione fino a quando non chiude quel pop-up. In JavaScript, casella di allerta, casella di prompt e casella di conferma sono i tre tipi di caselle popup.

In questo articolo comprenderemo gli aspetti sotto l'elenco delle caselle pop-up in JavaScript:

  • Cos'è una casella di allerta e come usarla in JavaScript?
  • Cos'è una casella prompt e come funziona in javascript?
  • Cos'è una casella di conferma e come funziona in javascript?

Quindi, iniziamo!

Cos'è una casella di allerta e come usarla in JavaScript?

È un tipo di casella popup che viene utilizzata per visualizzare una notifica di avviso/avviso all'utente. Una scatola di avviso appare nel centro superiore dell'interfaccia visiva. Una volta visualizzata una casella di avviso, interrompe l'esecuzione di altre parti del programma fino a quando l'utente non fa clic sul "OK" pulsante. La sintassi di base della casella di allerta è mostrata nello snippet di seguito:

Avviso ("Notifica di avviso");

Lo snippet sopra mostra che dobbiamo passare la notifica di avviso/avvertimento al metodo di avviso.

Esempio
Lo snippet di codice seguente ti aiuterà a capire come funzionano le caselle di avviso in JavaScript:




Esempio di cassetta di allerta





In questo programma, abbiamo utilizzato il metodo Alert () e abbiamo superato un messaggio “Benvenuti a LinuxHint.com ". Di conseguenza, otterremo il seguente output:

La "gif" sopra mostra che quando abbiamo fatto clic sul pulsante "CLICCAMI", Di conseguenza genera una casella pop-up che mostra la notifica specificata dall'utente.

Cos'è una casella prompt e come funziona in javascript?

In JavaScript, la casella prompt è un tipo di casella popup che viene utilizzata per ottenere l'input dell'utente. Una casella prompt appare nel centro superiore dell'interfaccia visiva. Di seguito sarà la sintassi per la casella prompt in JavaScript:

prompt ("notifica prompt");

Esempio
Il programma di seguito offerto ti guiderà a capire come funzionano le caselle prompt in JavaScript:




Esempio di casella prompt





In questo esempio, abbiamo utilizzato il metodo prompt () e abbiamo superato una notifica "Immettere la password". Di conseguenza, otterremo il seguente output:

La "gif" sopra mostra che quando facciamo clic sul pulsante "CLICCAMI", Di conseguenza genera una casella pop -up che chiede all'utente di "immettere la password".

Cos'è una casella di conferma e come funziona in javascript

La casella di conferma è un tipo di casella popup utilizzata per prendere l'autorizzazione/autorizzazione dell'utente. Lo snippet seguente mostra come utilizzare la casella di conferma in JavaScript:

confermare ("Notifica di conferma");

Esempio
Lo snippet di codice di seguito offerto ti aiuterà a capire come funziona la casella di conferma in JavaScript:




Conferma Esempio di casella





Nel blocco di codice sopra, abbiamo utilizzato il Conferm () per confermare l'età dell'utente:

Lo snippet sopra mostra l'adeguatezza della casella di conferma in JavaScript.

Conclusione

In JavaScript, ci sono tre tipi di caselle popup che vengono utilizzate per visualizzare semplici notifiche, per ottenere l'input dell'utente o la conferma dell'utente, ecc. In parole semplici le caselle pop-up vengono utilizzate per avvisare, avvisare o avvertire gli utenti. Questo articolo ha fornito una guida dettagliata sui vari tipi delle caselle popup in JavaScript.