1. Cuadro de alerta : un cuadro de alerta es un tipo de cuadro emergente en JavaScript que a menudo se usa para asegurarse de que la información haya llegado a través del usuario. Por lo tanto, el usuario deberá hacer clic en «Aceptar» para continuar cuando aparezca un cuadro de alerta en la ventana.
Sintaxis:
window.alert("message");
Otra sintaxis para usar el cuadro de alerta es:
alert("message");
2. Cuadro de solicitud : también es uno de los tipos de cuadros emergentes en JavaScript que a menudo toma un valor antes de ingresar a una página del usuario. Para continuar después de ingresar un valor de entrada en el indicador, el usuario deberá hacer clic en «Aceptar» o «Cancelar».
Sintaxis:
window.prompt("some message");
Otra sintaxis para usar el cuadro de alerta es:
prompt("some message");
El siguiente ejemplo ilustra las diferencias entre el cuadro de alerta y el cuadro de aviso: Ejemplo:
HTML
<!DOCTYPE HTML>
<html>
<head>
<title>
Alert Box vs Prompt Box
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<button onclick="alertBox()">
Show Alert Box
</button>
<button onclick="promptBox()">
Show Prompt Box
</button>
<script>
function alertBox(){
alert("GeeksforGeeks: This" +
" is an Alert Box.");
}
function promptBox(){
prompt("Enter your Name:");
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón Mostrar cuadro de alerta:
Después de hacer clic en el botón Mostrar cuadro de aviso:
Navegadores compatibles: la lista de navegadores compatibles con el cuadro prompt() y alert() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Veamos las diferencias en forma tabular -:
| cuadro de alerta | cuadro de diálogo | |
| 1. | Se utiliza un cuadro de alerta si queremos que la información llegue al usuario. | Se usa un cuadro de solicitud cuando queremos que el usuario ingrese un valor antes de ingresar a una página. |
| 2. |
Su sintaxis es -: window.alert(“algúntexto”); |
Su sintaxis es -: window.prompt(“algúntexto”,”textopredeterminado”); |
| 3. | Siempre devuelve verdadero, siempre debemos hacer clic en «Aceptar» para continuar. | Necesitamos hacer clic en «Aceptar» o «Cancelar» para continuar después de ingresar un valor de entrada cuando aparece un cuadro de aviso en una página web. |
| 4. | El cuadro de alerta quita el foco de la ventana actual y obliga al navegador a leer el mensaje. | Si hacemos clic en «Aceptar», el cuadro devuelve el valor de entrada. |
| 5. | Necesitamos hacer clic en «Aceptar» para continuar cuando aparezca un cuadro de alerta. | Si hacemos clic en «Cancelar», el cuadro devuelve un valor nulo. |
Publicación traducida automáticamente
Artículo escrito por aktmishra143 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA