«¿Estás cansado de los molestos pop-ups que aparecen en tus páginas web? ¡Tenemos la solución! Los cuadros emergentes de JavaScript son la alternativa perfecta para mejorar la experiencia de usuario sin interrumpir su navegación. Descubre en TIEngranaje todo lo que necesitas saber para implementarlos de forma efectiva en tu página web.»
JavaScript le brinda la posibilidad de crear mensajes emergentes para interactuar con sus usuarios. Las ventanas emergentes son cuadros de diálogo que quitan el foco de la ventana actual. Las ventanas emergentes aparecerán frente al navegador.
Estas alertas deben utilizarse con moderación. Cuando se usan en exceso, los usuarios generalmente se molestan con ellos. El uso de las ventanas emergentes es generalmente aceptable en este tipo de situaciones:
- Se ha producido un error y desea informar al usuario del problema.
- Solicitar confirmación a los usuarios antes de realizar una acción específica para validar su entrada.
JavaScript tiene tres tipos de ventanas emergentes: Alerta, Confirmary Inmediato.
Se utiliza una ventana emergente de alerta si desea proporcionar al usuario información que es importante conocer. Cuando se inicia una ventana emergente de alerta, el usuario tendrá que hacer clic en DE ACUERDO para proceder.
alert("string text");El alert() El método es compatible con todos los navegadores principales. Aquí hay un ejemplo de cómo usar el alert() método.
<html>
<head>
<script type="text/javascript">
function displayAlert() {
alert("Hello!");
}
</script>
</head>
<body>
<input type="button" onclick="displayAlert()" value="Display Alert" />
</body>
</html>La ventana emergente de confirmación es similar a la ventana emergente de alerta, pero ofrece al usuario una opción. El usuario puede confirmar haciendo clic en DE ACUERDOo el usuario puede hacer clic en el Cancelar botón para cancelar la solicitud. Aceptar devuelve verdadero y cancelar devuelve falso, de vuelta al bloque de código JavaScript.
confirm("string text");El confirm() El método es compatible con todos los navegadores principales. Aquí hay un ejemplo de cómo usar el confirm() método.
<html>
<head>
<script type="text/javascript">
function displayConfirm() {
var r=confirm("Press a button");
if (r==true) {
alert("You pressed OK!");
} else {
alert("You pressed Cancel!");
}
}
</script>
</head>
<body>
<input type="button" onclick="displayConfirm()" value="Display Confirm" />
</body>
</html>El cuadro emergente de solicitud rara vez se implementa en estos días. En los primeros días del desarrollo web, la ventana emergente emergente se usaba para recopilar información del usuario. Las modernas técnicas de desarrollo web no incluido el uso de este método para recopilar información.
La interacción con el usuario normalmente se realiza a través de elementos de entrada y las secuencias de comandos del lado del servidor manejan el procesamiento de los datos proporcionados por el usuario. En cualquier caso, debe conocer la sintaxis y el uso de este método.
prompt("string text","default value"); //default value-optionalEl prompt() El método es compatible con todos los navegadores principales. Aquí hay un ejemplo de cómo usar el prompt() método.
<html>
<head>
<script type="text/javascript">
function displayPrompt() {
var x=prompt("Please enter your name","John Smith");
if (x!=null && x!="") {
alert("Hello " + x + "! How are you?");
}
}
</script>
</head>
<body>
<input type="button" onclick="displayPrompt()" value="Display Prompt" />
</body>
</html>