Tipos de cajas emergentes en JavaScript

Tipos de cajas emergentes en JavaScript
JavaScript proporciona múltiples funciones predefinidas que se utilizan para demostrar mensajes para diferentes fines. En JavaScript, los cuadros emergentes se utilizan para mostrar notificaciones simples, para obtener la entrada o confirmación del usuario, etc. En general, se utilizan cajas emergentes para alertar, notificar o advertir a los usuarios. Una vez que aparece un cuadro emergente, no podrá realizar ninguna otra operación hasta que cierre esa ventana emergente. En JavaScript, el cuadro de alerta, el cuadro de inmediato y el cuadro de confirmación son los tres tipos de los cuadros emergentes.

En este artículo comprenderemos los aspectos de la lista de cajas emergentes en JavaScript:

  • ¿Qué es un cuadro de alerta y cómo usarlo en JavaScript??
  • ¿Qué es un cuadro inmediato y cómo funciona en JavaScript??
  • ¿Qué es un cuadro de confirmación y cómo funciona en JavaScript??

Vamos a empezar!

¿Qué es un cuadro de alerta y cómo usarlo en JavaScript??

Es un tipo de caja emergente que se utiliza para mostrar una notificación de advertencia/alerta al usuario. Aparece un cuadro de alerta en el centro superior de la interfaz visual. Una vez que aparece un cuadro de alerta, detiene la ejecución de otras partes del programa hasta que el usuario haga clic en el "DE ACUERDO" botón. La sintaxis básica del cuadro de alerta se muestra en el fragmento dado a continuación:

alerta ("notificación de alerta");

El fragmento anterior muestra que tenemos que pasar la notificación de alerta/advertencia al método de alerta.

Ejemplo
El fragmento de código a continuación lo ayudará a comprender cómo funcionan las cajas de alerta en JavaScript:




Ejemplo de caja de alerta





En este programa, utilizamos el método alert () y lo pasamos un mensaje "Bienvenido a Linuxhint.com ". Como resultado, obtendremos la siguiente salida:

El "gif" de arriba muestra que cuando hicimos clic en el botón "HAZ CLICK EN MI", En consecuencia, genera un cuadro emergente que muestra la notificación especificada del usuario.

¿Qué es un cuadro inmediato y cómo funciona en JavaScript??

En JavaScript, el cuadro de solicitud es un tipo de cuadro emergente que se utiliza para obtener la entrada del usuario. Aparece un cuadro de aviso en el centro superior de la interfaz visual. El siguiente será la sintaxis para el cuadro de inmediato en JavaScript:

solicitante ("notificación rápida");

Ejemplo
El programa a continuación le guiará para comprender cómo funcionan los cuadros rápidos en JavaScript:




Ejemplo de cuadro indicador





En este ejemplo, utilizamos el método ind () y lo pasamos una notificación "Ingrese la contraseña". En consecuencia, obtendremos la siguiente salida:

El "gif" de arriba muestra que cuando hacemos clic en el botón "HAZ CLICK EN MI", En consecuencia, genera un cuadro emergente que le pide al usuario que "ingrese la contraseña".

¿Qué es un cuadro de confirmación y cómo funciona en JavaScript?

El cuadro de confirmación es un tipo de caja emergente utilizada para tomar el permiso/autorización del usuario. El siguiente fragmento muestra cómo usar el cuadro de confirmación en JavaScript:

confirmar ("Notificación de confirmación");

Ejemplo
El fragmento de código dado a continuación lo ayudará a comprender cómo funciona el cuadro de confirmación en JavaScript:




Confirmar el ejemplo del cuadro





En el bloque de código anterior, utilizamos la confirmación () para confirmar la edad del usuario:

El fragmento anterior muestra la idoneidad de la caja de confirmación en JavaScript.

Conclusión

En JavaScript, hay tres tipos de cuadros emergentes que se utilizan para mostrar notificaciones simples, para obtener la entrada del usuario o la confirmación del usuario, etc. En palabras simples, los cuadros emergentes se usan para alertar, notificar o advertir a los usuarios. Este artículo proporcionó una guía detallada sobre los diversos tipos de los cuadros emergentes en JavaScript.