Cuadros emergentes de JavaScript

En JavaScript, puede crear diálogos o ventanas emergentes para interactuar con el usuario.

JavaScript tiene tres tipos diferentes de ventanas emergentes: ventanas emergentes de alerta, ventanas emergentes de confirmación y ventanas emergentes de entrada.

Ventana emergente de alerta

La ventana emergente de alerta es la más simple. Le permite mostrarle un mensaje corto al usuario.

También incluye un botón "Aceptar", el usuario debe hacer clic en este botón "Aceptar" para continuar.

Sintaxis:

window.alert("msg")

window.alert();El método puede no tener el prefijo “window.” y usarlo directamente:

alert("¡Hola mundo!");

Ventana emergente de confirmación

Si se desea que el usuario verifique o acepte algún contenido, generalmente se utiliza la ventana emergente de confirmación.

La ventana emergente de confirmación se parece a una ventana emergente de alerta, pero contiene un botón "Cancelar" y un botón "Aceptar".

Si el usuario hace clic en "Aceptar", la caja regresarátrue. Si el usuario hace clic en "Cancelar", la caja regresaráfalse。

Sintaxis:

window.confirm("msg")

window.confirm();El método puede no tener el prefijo “window.” y usarlo directamente:

var r = confirm("Pulse un botón!");
if (r == true) {
　　　txt = "¡Has pulsado Aceptar!";
}
　　　txt = "¡Has pulsado Cancelar!";
}

Ventana emergente de alerta

Si se desea que el usuario ingrese un valor antes de ingresar a la página, generalmente se utiliza la ventana emergente de alerta.

La ventana emergente de alerta incluye un campo de entrada de texto, los botones "Aceptar" y "Cancelar".

Si el usuario hace clic en "Aceptar", la caja regresará el valor de entrada. Si el usuario hace clic en "Cancelar", la caja regresará null.

Sintaxis:

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

window.prompt()El método puede no tener el prefijo “window.” y usarlo directamente:

var　name　=　prompt("Por favor, ingrese su nombre",　"Someone");
if　(name　!=　null)　{
　　　document.getElementById("output").innerHTML　=　"Hello　"　+　name;
}

Nota:prompt()El valor siempre devuelto por el método es una cadena de caracteres. Esto significa que si el usuario ingresa15，se devuelve la cadena de caracteres “ 15”en lugar de número15。

Por lo tanto, si se debe usar el valor de retorno como número, debe realizarse la conversión, consulteCómo convertir tipos de datos en JavaScript。

Mostrar salto de línea en el cuadro de diálogo

Para mostrar un salto de línea en un cuadro de diálogo, utilice el salto de línea o el salto de línea (\n); el carácter n precedido por una barra invertida.

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

Más ejemplos

Este ejemplo muestra los diferentes tipos de cuadros de diálogo que admite JavaScript: