Generar cuadros de diálogo (pop-ups) con JavaScript

Aquí os dejo unos trozos de código muy útiles para crear cuadros de diálogo, como mensajes de alerta, confirmación... usando JavaScript, una manera directa para implementar en tu página usando cualquier editor.
Aquí se muestra el código para crear cada cuadro y un ejemplo de cómo usarlo.


ALERT BOX (CUADRO DE ALERTA):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):
alert("¡Hola! ¡Esto es un cuadro de alerta!");
EJEMPLO: ALERTA AL PULSAR UN BOTÓN:
<input onclick="alert('¡Esto es un cuadro de alerta!')" type="button" value="¡Púlsame!" />


CONFIRM BOX (CUADRO DE CONFIRMACIÓN):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):
confirm("Press a button!");
EJEMPLO: APARECE AL PULSAR UN BOTÓN, Y TE DEVUELVE LO QUE HAS ELEGIDO:
<button onclick="myFunction()">¡Pruébalo!</button> <p id="demo"></p> <script> function myFunction() { var x; var r=confirm("Pulsa un botón!"); if (r==true) { x="¡Has pulsado Aceptar!"; } else { x="¡Has pulsado Cancelar!"; } document.getElementById("demo").innerHTML=x; } </script>

¡Aquí sale lo que pulsas!

PROMPT BOX (CUADRO DE ESCRITURA):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):
prompt("Texto del mensaje","Texto predeterminado en el prompt");
EJEMPLO: APARECE AL PASAR EL RATÓN POR ENCIMA, TE LLAMA POR TU NOMBRE Y TE PREGUNTA CÓMO ESTÁS:
<a href="#" onmouseover="myFunction()">¡Pon el mouse!</a> <p id="demo"></p> <script> function myFunction() { var x; var name=prompt("¡Pon tu nombre!","Manolo"); if (name!=null) { x="Hola " + name + ", ¿cómo te va?"; document.getElementById("demo").innerHTML=x; } } </script>
¡Pon el mouse!