Cajas emergentes en JavaScript
Hay tres cajas emergentes diferentes disponibles en JavaScript; ALERTA, ADRICIO Y CONFIRMACIÓN CUADRO y exploraremos cada uno de los cuadros emergentes en esta publicación.
¿Cuál es el cuadro de alerta??
El cuadro de alerta es un cuadro que se muestra en el centro superior de la ventana del navegador y se usa principalmente para mostrar advertencias al usuario. Otras partes del programa dejarían de ejecutar a menos que el usuario cierre el cuadro de alerta. Para cerrar el cuadro emergente de alerta, simplemente haga clic en el botón Aceptar presente en el cuadro de alerta. El sintaxis para el cuadro de alerta es:
alerta ("advertencia");Veamos un ejemplo en el que estamos mostrando un Hola! Mensaje en el cuadro de alerta. El código JavaScript está presente a continuación:
En el código anterior, definimos un botón e inicializamos un al hacer clic evento que significa cada vez que el usuario hace clic en el Haz click en mi botón, myFunc () se ejecutará. Después de la inicialización de la etiqueta del botón, inicializamos la etiqueta de script en la que todo nuestro código JavaScript estará presente. Dentro de las etiquetas de script, definimos una función y dentro de la función, mostramos una alerta dándole el mensaje de Hola! La salida del código anterior se muestra a continuación:
Podemos ver que cuando el usuario hace clic en el botón, el Hola! ALERTA apareció.
¿Cuál es el cuadro rápido??
El cuadro de solicitud se usa principalmente para obtener la entrada de un usuario y aparece en el centro superior del navegador cuando se invoca. Los datos de entrada también están disponibles después de cerrar el cuadro de solicitud y si deja el campo de entrada en el cuadro de solicitud vacío, entonces devolverá un valor nulo. La sintaxis para el cuadro de inmediato es:
solicitado ("mensaje de inmediato aquí");Pasamos por un ejemplo para comprender mejor el cuadro de inmediato.
En el código anterior, estamos tomando una entrada usando el cuadro de solicitud y guardándola para el nombre de la variable. Después de guardar el nombre, el registro de consola el nombre de usuario que se ingresó. La salida del código anterior está a continuación:
Veremos el nombre en la ventana de la consola ahora:
¿Qué es una caja de confirmación??
El tercer y último tipo de caja emergente que nos ofrece JavaScript es el cuadro de confirmación cuya función es obtener permiso o autorización del usuario. Si el usuario da permiso, entonces él/ella tiene que hacer clic en el botón Aceptar, de lo contrario, debe hacer clic en el botón Cancelar. El sintaxis para confirmar el cuadro es:
confirmar ("El permiso va aquí");Ahora pasamos por un ejemplo de la caja de confirmación.
En el código anterior, dentro de la función, estamos verificando si el usuario hizo clic en el "OK" botón o el botón Cancelar. Si el usuario hace clic en el DE ACUERDO botón entonces veremos "Ok presionado!" En el registro de la consola de lo contrario, veremos "Cancelar!" En el registro de la consola.
Veamos la salida en el registro de la consola cuando hagamos clic en el botón Aceptar del cuadro Confirmar:
Ahora veamos la salida cuando haga clic en el botón Cancelar en el registro de la consola:
La consola muestra la siguiente salida:
Conclusión
JavaScript nos ofrece tres tipos de cuadros emergentes que se utilizan para mostrar un mensaje, advertencia o notificación a un usuario que usa nuestra aplicación web o página web. Las tres cajas emergentes son; ALERTA, ADRICIO Y CONFIRMACIÓN CUERRO. El cuadro emergente de alerta se usa para mostrar una advertencia a un usuario, mientras que el cuadro emergente de aviso se usa para obtener la entrada del usuario y el cuadro de confirmación final se usa para tomar el permiso de un usuario.
En esta publicación, discutimos las tres cajas emergentes en JavaScript junto con su implementación y capturas de pantalla de la salida en JavaScript.