Ejemplo
Mostrar un cuadro de mensaje que piden al usuario por su / su nombre, y la salida de un mensaje:
var person = prompt("Please enter your name", "Harry Potter");
if
(person != null) {
document.getElementById("demo").innerHTML
=
"Hello " + person + "! How are you today?";
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El prompt() método muestra un cuadro de diálogo que solicita al visitante para la entrada.
Un cuadro de mensaje se utiliza a menudo si desea que el usuario introduzca un valor antes de entrar en una página.
Nota: Cuando un cuadro de mensaje aparece, el usuario tendrá que haga clic en "OK" o "Cancel" para proceder después de introducir un valor de entrada. No se debe abusar de este método, ya que impide al usuario acceder a otras partes de la página hasta que la caja está cerrada.
El prompt() método devuelve el valor de entrada si el usuario hace clic en "OK" . Si el usuario hace clic en "cancel" el método devuelve null.
Soporte del navegador
Método | |||||
---|---|---|---|---|---|
prompt() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
prompt( Los valores de los parámetros Parámetro Tipo Descripción text String Necesario. El texto que se mostrará en el cuadro de diálogo defaultText String Opcional. El texto de entrada por defecto
Detalles técnicos
Valor de retorno: Una cuerda. Si el usuario hace clic en "OK" , se devuelve el valor de entrada. Si el usuario hace clic "cancel" , se devuelve null. Si el usuario hace clic en Aceptar sin introducir ningún texto, se devuelve una cadena vacía.
Más ejemplos
Ejemplo
El uso de la instrucción switch junto con el prompt() para ejecutar un bloque de código basado en la entrada del usuario:
var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
case "Martini":
text = "Excellent choice! Martini is good for your soul.";
break;
case "Daiquiri":
text = "Daiquiri is my favorite too!";
break;
case "Cosmopolitan":
text = "Really? Are you sure the Cosmopolitan is your favorite?";
break;
default:
text = "I have never heard of that one..";
break;
} Inténtalo tú mismo "
Páginas relacionadas
Objeto Ventana: href="met_win_alert.html"> alert() Method
Objeto Ventana: href="met_win_confirm.html"> confirm() Method
<Ventana Object