Instruction de ...SE CONNECTER

Instruction de commutation JavaScript

L'instruction switch est utilisée pour effectuer différentes actions en fonction de différentes conditions.


Instruction switch JavaScript

Utilisez l'instruction switch pour sélectionner l'un des multiples blocs de code à exécuter.

Syntaxe

switch(n)
{
case 1:
  执行代码块 1
break;
case 2:
  执行代码块 2
break;
default:
 n 与 case 1 和 case 2 不同时执行的代码
}

Comment ça marche : Définissez d'abord l'expression n (généralement un variable). La valeur de l'expression est ensuite comparée à la valeur de chaque observation de la structure. S'il y a une correspondance, le bloc de code associé au cas est exécuté. Veuillez utiliser break pour empêcher le code de s'exécuter automatiquement vers le cas suivant.


Instance

Affiche le nom de la semaine d'aujourd'hui. Veuillez noter que dimanche=0, lundi=1, mardi=2, etc. :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x;
        var d=new Date().getDay();
        switch (d){
            case 0:x="今天是星期日";
                break;
            case 1:x="今天是星期一";
                break;
            case 2:x="今天是星期二";
                break;
            case 3:x="今天是星期三";
                break;
            case 4:x="今天是星期四";
                break;
            case 5:x="今天是星期五";
                break;
            case 6:x="今天是星期六";
                break;
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>
</html>

Exécutez le programme et essayez-le


mot-clé par défaut

Veuillez utiliser le mot-clé par défaut pour spécifier quoi faire lorsque la correspondance n'existe pas :

Instance

Si aujourd'hui Si ce n'est pas samedi ou dimanche, le message par défaut sera affiché :

<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮,会显示出基于今日日期的消息:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction()
    {
        var x;
        var d=new Date().getDay();
        switch (d)
        {
            case 6:x="今天是星期六";
                break;
            case 0:x="今天是星期日";
                break;
            default:
                x="期待周末";
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>
</html>

Exécutez le programme et essayez-le



section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击下面的按钮来显示今天是周几:</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x; var d=new Date().getDay(); switch (d){ case 0:x="今天是星期日"; break; case 1:x="今天是星期一"; break; case 2:x="今天是星期二"; break; case 3:x="今天是星期三"; break; case 4:x="今天是星期四"; break; case 5:x="今天是星期五"; break; case 6:x="今天是星期六"; break; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel