El alerta() El método en JavaScript se utiliza para mostrar un cuadro de alerta virtual. Se utiliza principalmente para enviar un mensaje de advertencia a los usuarios. Muestra un cuadro de diálogo de alerta que consta de un mensaje específico (que es opcional) y un botón Aceptar. Cuando aparece el cuadro de diálogo, tenemos que hacer clic en 'Aceptar' para continuar.
El cuadro de diálogo de alerta toma el foco y obliga al usuario a leer el mensaje especificado. Por lo tanto, debemos evitar el uso excesivo de este método porque impide que el usuario acceda a otras partes de la página web hasta que se cierre el cuadro.
Podemos comprender la utilidad del método de alerta con un ejemplo. Supongamos que tenemos que rellenar un formulario para un documento de identidad. Pregunta sobre la fecha de nacimiento para los criterios de elegibilidad de la cédula de identidad. Si la edad es 18 años o más, entonces el proceso continuará. En caso contrario, mostrará un mensaje de advertencia de que la edad es inferior a 18 años. Este mensaje de advertencia es el 'Cuadro de alerta'.
Otro ejemplo es suponer que un usuario debe completar un formulario en el que se requieren algunos campos obligatorios para ingresar algún texto, pero el usuario se olvida de proporcionar la entrada. Como parte de la validación, podemos usar el cuadro de diálogo de alerta para mostrar un mensaje de advertencia relacionado con completar el campo de texto.
En lugar de mostrar advertencias o errores, el cuadro de diálogo de alerta se puede utilizar para mensajes normales como ' bienvenido de nuevo', 'Hola XYZ' , etc.
Sintaxis
alert(message)
Valores
mensaje: Es una cadena opcional que especifica el texto que se mostrará en el cuadro de alerta. Consiste en la información que queremos mostrar a los usuarios.
Veamos algunos ejemplos de la javascript método alerta().
Ejemplo 1
En este ejemplo, hay un cuadro de diálogo de alerta simple con un mensaje y un botón Aceptar. Aquí hay un botón HTML que se utiliza para mostrar el cuadro de alerta. Estamos usando el al hacer clic atributo y llamar al divertido() función donde el alerta() se define.
function fun() { alert ('This is an alert dialog box'); } <p> Click the following button to see the effect </p> Pruébalo ahora Producción
Después de hacer clic en el botón, el resultado será:
Ejemplo2
En este ejemplo, hay un cuadro de diálogo de alerta con un mensaje y un botón Aceptar. Aquí, utilizamos los saltos de línea en el mensaje del cuadro de alerta. Los saltos de línea se definen utilizando el ' orte' . Los saltos de línea hacen que el mensaje sea legible y claro. Tenemos que hacer clic en el botón dado para ver el efecto.
function fun() { alert (' Hello World
Welcome to the javaTpoint.com
This is an alert dialog box '); } <p> Click the following button to see the effect </p> Pruébalo ahora Producción
Después de hacer clic en el botón, el resultado será:
Ejemplo
En este ejemplo, hay un cuadro de diálogo de alerta con un mensaje y un botón Aceptar. Aquí, el cuadro de alerta muestra la URL de la página correspondiente. La URL se define utilizando el alerta(ubicación.nombredehost); declaración.
function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p> Pruébalo ahora