JavaScript Ventana emergente

En JavaScript se pueden crear tres tipos de cuadros de mensaje: cuadro de alerta, cuadro de confirmación y cuadro de aviso.

Cuadro de alerta

El cuadro de alerta se usa a menudo para asegurarse de que el usuario pueda recibir cierta información.

Cuando aparece el cuadro de alerta, el usuario debe hacer clic en el botón Aceptar para continuar con la operación.

Sintaxis

window.alert("sometext");

window.alert()El método se puede usar directamente sin el objeto windowalert()método

Ejemplos

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("¡Hola, soy un cuadro de alerta!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Mostrar cuadro de alerta">

</body>
</html>

Pruébalo »

Cuadro de confirmación

El cuadro de confirmación se usa generalmente para verificar si se acepta la acción del usuario.

Cuando aparece el cuadro de confirmación, el usuario puede hacer clic en "Confirmar" o "Cancelar" para decidir la acción.

Cuando haces clic en "Confirmar", el cuadro de confirmación devuelve true; si haces clic en "Cancelar", devuelve false.

Sintaxis

window.confirm("sometext");

window.confirm()El método se puede usar directamente sin el objeto windowconfirm()método

Ejemplos

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

Pruébalo »

Cuadro de aviso

El cuadro de aviso se usa a menudo para pedir al usuario que ingrese un valor antes de entrar en la página.

Cuando aparece el cuadro de aviso, el usuario debe ingresar un valor y luego hacer clic en el botón Confirmar o Cancelar para continuar.

Si el usuario hace clic en Confirmar, el valor de retorno es el valor ingresado. Si hace clic en Cancelar, el valor de retorno es null.

Sintaxis

window.prompt("sometext","defaultvalue");

window.prompt()El método se puede usar directamente sin el objeto windowprompt()método

Ejemplos

var person=prompt("Por favor, introduce tu nombre","Harry Potter");
if (person!=null && person!="")
{
x="Hola " + person + "! ¿Cómo te sientes hoy?";
    document.getElementById("demo").innerHTML=x;
}

Pruébalo »

Salto de línea

La ventana emergente usa una barra invertida + "n" (\n) para establecer un salto de línea.

Ejemplos

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

Pruébalo »
Otras extensiones