Comment utiliser javascript pour implémenter la boîte de dialogue-Questions et réponses frontales-php.cn

Comment utiliser javascript pour implémenter la boîte de dialogue

WBOY

Libérer： 2022-04-13 17:03:54

original

2587 Les gens l'ont consulté

En JavaScript, vous pouvez utiliser la méthode prompt() de l'objet Window pour implémenter une boîte d'invite. Cette méthode peut faire apparaître une boîte d'invite avec une zone de saisie, un bouton "OK" et un bouton "Annuler". est "invite" ("sometext", "defaultText")".

Comment utiliser javascript pour implémenter la boîte de dialogue

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment implémenter une boîte d'invite avec javascript

Si vous souhaitez que l'utilisateur saisisse une valeur avant d'entrer dans la page, vous utilisez généralement une boîte d'invite.

Lorsque la boîte de dialogue apparaît, l'utilisateur devra saisir la valeur et cliquer sur "OK" ou cliquer sur "Annuler" pour continuer.

Si l'utilisateur clique sur "OK", la boîte renvoie la valeur d'entrée. Si l'utilisateur clique sur Annuler, cette case renvoie NULL.

La syntaxe est la suivante : La méthode

window.prompt("sometext","defaultText");

Copier après la connexion

window.prompt() peut être écrite sans le préfixe window.

L'exemple est le suivant :

<html>
<body>
<h1>JavaScript Prompt</h1>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var txt;
  var person = prompt("请输入您的名字：", "哈利波特");
  if (person == null || person == "") {
    txt = "用户取消输入";
  } else {
    txt = "你好，" + person + "！今天过得好吗？";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment utiliser javascript pour implémenter la boîte de dialogue