JavaScript cuadro emergente

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

Ventana de alerta

Para asegurarte de que la información se transmite al usuario, generalmente se utiliza la ventana de alerta.

Cuando se abre la ventana de alerta, el usuario tendrá que hacer clic en "Aceptar" para continuar.

Sintaxis

window.alert("Texto");

window.alert(); El método puede no tener ventana el prefijo para escribir.

Ejemplo

alert("¡Soy una ventana de alerta!");

Prueba personal

Ventana de confirmación

Si deseas que el usuario verifique o acepte algo, generalmente se utiliza la ventana de confirmación.

Cuando se abre la ventana de confirmación, el usuario tendrá que hacer clic en "Aceptar" o "Cancelar" para continuar.

Si el usuario hace clic en "Aceptar", la ventana de confirmación devuelve true。Si el usuario hace clic en "Cancelar", la ventana de confirmación devuelve false.

Sintaxis

window.confirm("Texto");

window.confirm(); El método puede no tener ventana Prefijo para escribir.

Ejemplo

var r = confirm("¿Pulsa el botón?");
if (r == true) {
    x = "Has pulsado Aceptar!";
} else {
    x = "Has pulsado Cancelar!";
}

Prueba personal

Cuadro de diálogo emergente

Si desea que el usuario ingrese un valor antes de entrar en la página, generalmente se utiliza el cuadro de diálogo emergente.

Cuando se abre el cuadro de diálogo emergente, el usuario tendrá que ingresar un valor y hacer clic en "Aceptar" o hacer clic en "Cancelar" para continuar.

Si el usuario hace clic en "Aceptar", la caja devuelve el valor de entrada. Si el usuario hace clic en "Cancelar", la caja devuelve NULL.

Sintaxis

ventana.prompt("Texto",TextoPorDefecto");

ventana.prompt() El método puede no tener ventana Prefijo para escribir.

Ejemplo

var persona = prompt("Por favor, ingrese su nombre", "Bill Gates");
if (persona != null) {
    document.getElementById("demo").innerHTML = "Hola " + persona + "！¿Cómo te ha ido hoy?";
}

Prueba personal

Salto de línea

Si deseas que se muestre una nueva línea en el cuadro emergente, agrega un carácter después de la barra invertida n.

Ejemplo

alert("Hola\n¿Cómo estás?");

Prueba personal