Méthode prompt() de la fenêtre

Définition et utilisation

prompt() La méthode affiche un dialogue pour inviter l'utilisateur à entrer.

si l'utilisateur clique sur "Confirmer", prompt() La méthode retourne la valeur saisie, sinon retourne null。

Remarque

Si vous souhaitez que l'utilisateur entre une valeur, utilisez la boîte de dialogue.

Lorsque la boîte de dialogue contextuelle est affichée, l'utilisateur doit cliquer sur "Confirmer" ou "Annuler" pour continuer.

Ne pas utiliser cette méthode de manière excessive. Elle bloquera l'accès de l'utilisateur aux autres parties de la page avant de fermer la boîte de dialogue.

Veuillez également consulter :

méthode alert()

méthode confirm()

Exemple

Exemple 1

Demander l'entrée du nom de l'utilisateur et afficher un message :

let person = prompt("Entrez votre nom", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! Comment ça va aujourd'hui ?";
}

Essayez-le vous-même

Exemple 2

lui demander son bois préféré :

let text;
let favDrink = prompt("Quel est ton bois préféré ?");
switch(favDrink) {
  case "Coca-Cola":
    text = "Choix génial ! La Coca-Cola est bénéfique pour ton esprit.";
    break;
  case "Pepsi":
    text = "La Pepsi est aussi mon bois préféré !";
    break;
  case "Sprite":
    text = "Vraiment ? Tu es sûr que la Sprite est ton bois préféré ?";
    break;
  default:
    text = "Je n'ai jamais entendu parler de cela !";
}

Essayez-le vous-même

syntaxe

prompt(message, default)

paramètres

paramètres description
message obligatoire. Le texte à afficher dans le dialogue.
default optionnel. Texte d'entrée par défaut.

valeur de retour

type description
chaîne

Si l'utilisateur clique sur "Confirmer", il retournera la valeur saisie.

Si l'utilisateur n'entre aucune chaîne de caractères, il retournera une chaîne vide.

sinon retourne null.

description

prompt() La méthode affichera un dialogue avec le message spécifié message，ce dialogue contient un champ de saisie de texte, un bouton Confirmer et un bouton Annuler, où l'interface graphique décidée par la plate-forme explique à l'utilisateur ce qu'il doit saisir.

si l'utilisateur clique sur le bouton Annuler.prompt() La méthode retournera null。prompt() retournera le texte actuel affiché dans le champ d'entrée.

par prompt() Le dialogue affiché par la méthode est modal, ce qui signifie qu'avant que l'utilisateur n' clique sur le bouton Confirmer ou Annuler pour le fermer, il bloquera toutes les entrées de l'utilisateur dans la fenêtre du navigateur. Comme la valeur retournée par cette méthode dépend de la réponse de l'utilisateur, elle est appelée prompt() lorsque, l'exécution du code JavaScript sera suspendue. Le prochain instruction ne sera pas exécuté avant que l'utilisateur ne réponde.

Support des navigateurs

Tous les navigateurs le supportent prompt()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support