Comment appeler la confirmation de la valeur de retour en javascript

JavaScript est un langage de programmation largement utilisé qui peut être utilisé à la fois pour le développement front-end et back-end. Parmi elles, la fenêtre contextuelle de confirmation est une méthode d'interaction courante. Dans la boîte de dialogue de confirmation, l'utilisateur peut choisir deux options : « OK » ou « Annuler ». Cependant, dans le développement réel, nous devons souvent effectuer différentes opérations après la sélection de l'utilisateur. Alors, comment appeler confirm pour renvoyer la valeur ? Cet article vous le présentera en détail.

1. Boîte de dialogue de confirmation

En JavaScript, la méthode confirm() est utilisée pour créer une boîte de dialogue de confirmation. Sa syntaxe est la suivante :

confirm(msg)

Parmi eux, msg est un paramètre de type chaîne qui représente le message à afficher dans la boîte de dialogue de confirmation. Cette méthode renvoie une valeur booléenne, indiquant si l'utilisateur a sélectionné « OK » ou « Annuler » :

确认：true
取消：false

Par exemple, le code suivant créera une boîte de dialogue de confirmation demandant à l'utilisateur s'il doit soumettre le formulaire :

var result = confirm("是否提交表单？");
if(result){
   // 用户选择了“确定”
}else{
   // 用户选择了“取消”
}

2. Appelez confirmer la valeur de retour

Dans le développement réel, nous devons généralement effectuer différentes opérations en fonction de la sélection de l'utilisateur. Par conséquent, lors de l'appel de la méthode de confirmation, nous devons stocker la sélection de l'utilisateur dans une variable et effectuer différentes opérations en fonction de la valeur de la variable.

Ce qui suit est un exemple simple. Lorsque l'utilisateur sélectionne « OK », la page passe à la page d'accueil de Baidu ; lorsque l'utilisateur sélectionne « Annuler », la page affiche une boîte de dialogue :

var result = confirm("确认要跳转到百度首页吗？");
if(result){
   window.location.href = "https://www.baidu.com";
}else{
   alert("已取消跳转。");
}

Dans le code ci-dessus, we La propriété window.location.href est utilisée pour implémenter le saut de page et la méthode alert est utilisée pour créer une boîte de dialogue.

3. Utilisez des fonctions pour encapsuler confirm

Dans l'exemple ci-dessus, nous avons utilisé l'instruction if pour juger le choix de l'utilisateur et effectuer différentes opérations. Cependant, s'il existe plusieurs boîtes de dialogue de confirmation qui doivent utiliser cette logique de jugement, la duplication de code sera relativement élevée, ce qui n'est pas propice à la maintenance. Par conséquent, nous pouvons encapsuler une fonction pour gérer la sélection de l'utilisateur, et le code deviendra plus clair et plus concis.

Voici un exemple où nous créons une fonction appelée showConfirm qui reçoit deux paramètres, l'un est le message à afficher et l'autre est la fonction de rappel à exécuter lorsque l'utilisateur clique sur "OK":

function showConfirm(msg,callback) {
   var result = confirm(msg);
   if(result){
      callback();
   }
}

Dans le ci-dessus In le code, nous utilisons une fonction de rappel pour implémenter l'événement click du bouton "OK". Lorsque l'utilisateur sélectionne "OK", la fonction de rappel sera appelée pour effectuer l'opération correspondante.

Voici un exemple d'utilisation de la fonction showConfirm. Lorsque l'utilisateur clique sur le bouton, une boîte de dialogue de confirmation apparaîtra lui demandant s'il souhaite accéder à la page d'accueil de Baidu. Lorsque l'utilisateur sélectionne "OK", la page passera à la page d'accueil de Baidu ; lorsque l'utilisateur sélectionne "Annuler", aucune opération ne se produira :

<button onclick="showConfirm('是否跳转到百度首页？', function() {window.location.href='https://www.baidu.com'})">跳转到百度</button>

Dans le code ci-dessus, nous utilisons la fonction showConfirm pour encapsuler la boîte de dialogue de confirmation Pop. -gestion de la mise en place et de la sélection des utilisateurs. En raison des caractéristiques de la fonction de rappel, nous pouvons personnaliser une fonction pour l'opération effectuée lorsque l'utilisateur sélectionne « OK », ce qui améliore l'évolutivité et la maintenabilité du code.

Résumé

En JavaScript, appeler confirm pour renvoyer une valeur est une technique de programmation courante et un point de connaissance essentiel en développement. Cet article présente brièvement comment créer une boîte de dialogue de confirmation via la méthode de confirmation et comment effectuer différentes opérations en fonction de la valeur de retour sélectionnée par l'utilisateur. Dans le même temps, nous avons également présenté comment utiliser des fonctions pour encapsuler la confirmation afin d'améliorer la lisibilité et la maintenabilité du code dans le développement réel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!