Tutoriel sur l'implémentation de boîtes de dialogue avec les connaissances JavaScript

Tutoriel sur l'implémentation de boîtes de dialogue avec les connaissances JavaScript_Basic

WBOY

Libérer： 2016-05-16 15:56:50

original

2250 Les gens l'ont consulté

JavaScript prend en charge trois types importants de boîtes de dialogue. Ces boîtes de dialogue peuvent être utilisées pour déclencher et alerter, ou pour obtenir la confirmation de toute entrée ou entrée de l'utilisateur.

Ici, nous allons examiner chaque boîte de dialogue une par une :
Boîte de dialogue d'alerte :

Une boîte de dialogue d'avertissement est principalement utilisée pour donner un message d'avertissement à l'utilisateur. Tout comme si un champ de saisie nécessite la saisie d'un texte, mais que l'utilisateur ne saisit pas le champ en guise de validation, vous pouvez utiliser une boîte d'alerte, donnant une partie du message d'alerte comme suit :

<head>
<script type="text/javascript">
<!--
  alert("Warning Message");
//-->
</script>
</head>

Copier après la connexion

Cependant, une boîte d'alerte peut toujours être utilisée pour des messages conviviaux. Boîte d'alerte, donnant seulement un bouton "Ok" pour sélectionner et continuer.

Boîte de dialogue de confirmation :

Une boîte de dialogue de confirmation est principalement utilisée pour donner le consentement de l'utilisateur à toute option. Il affiche une boîte de dialogue avec deux boutons : OK et Annuler.

Si l'utilisateur clique sur le bouton OK, la méthode window confirm() retournera true. Si l'utilisateur clique sur le bouton Annuler, confirm() renvoie false. Une boîte de dialogue de confirmation peut être utilisée, comme indiqué ci-dessous :

<head>
<script type="text/javascript">
<!--
  var retVal = confirm("Do you want to continue &#63;");
  if( retVal == true ){
   alert("User wants to continue!");
  return true;
  }else{
   alert("User does not want to continue!");
  return false;
  }
//-->
</script>
</head>

Copier après la connexion

Boîte de dialogue d'invite :

La boîte de dialogue d'invite est très utile lorsque vous souhaitez afficher une zone de texte pour obtenir la saisie de l'utilisateur. Par conséquent, il vous permet d’interagir avec l’utilisateur. L'utilisateur doit remplir les champs et cliquer sur OK.

Utiliser l'invite de la boîte de dialogue() est une méthode, elle a deux paramètres (I) à afficher dans la zone de texte (Ⅱ) la chaîne par défaut pour afficher l'étiquette affichée dans la zone de texte.

Cette boîte de dialogue comporte deux boutons : OK et Annuler. La méthode window prompt() renverra la valeur saisie dans la zone de texte si l'utilisateur clique sur le bouton "OK". Si l'utilisateur clique sur le bouton "Annuler", l'invite du mode fenêtre () renvoie null.

Une boîte de dialogue d'invite peut être utilisée, comme indiqué ci-dessous :

<head>
<script type="text/javascript">
<!--
  var retVal = prompt("Enter your name : ", "your name here");
  alert("You have entered : " + retVal );
//-->
</script>
</head>

Copier après la connexion