Ventanas emergentes (Popup windows, en inglés)
Las ventanas emergentes son una forma adicional de mostrar información, recibir confirmación del usuario o recibir información del usuario de documentos adicionales. Una ventana emergente puede navegar a una nueva URL y enviar información a la ventana de apertura. Cuadro de alerta (función alert()
), Cuadro de confirmación (función confirm()
) y Cuadro de mensaje (función prompt()
) son las funciones globales donde podemos mostrar la información emergente.
alert(): Muestra información al usuario y tiene un botón "OK" para continuar.
alert("Ejemplo de mensaje de alerta");
confirm(): Utilícelo como cuadro de diálogo para confirmar o aceptar algo. Tiene los botones "Aceptar" y "Cancelar" para continuar. Si el usuario hace clic en "Aceptar", devuelve
true
, si hace clic en "Cancelar", devuelvefalse
.let txt; if (confirm("¡Presiona un botón!")) { txt = "¡Presionó Aceptar!"; } else { txt = "¡Presionó Cancelar!"; }
prompt(): Toma el valor ingresado por el usuario con los botones "Aceptar" y "Cancelar". Devuelve "nulo" si el usuario no proporciona ningún valor de entrada.
//sintaxis //window.prompt("alguntexto","textopredeterminado"); let persona = prompt("Por favor, introduzca su nombre", "Harry Potter"); if (persona == null || persona == "") { txt = "El usuario canceló el mensaje."; } else { txt = "¡Hola, " + persona + "! ¿Cómo estás hoy?"; }