15JavaScript switch语句
程序员文章站
2022-05-02 12:22:14
1.JavaScript switch 语句 使用 switch 语句来选择要执行的多个代码块之一。 语法： 工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地 ......
1.javascript switch 语句
使用 switch 语句来选择要执行的多个代码块之一。
语法：
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
与 case 1 和 case 2 不同时执行的代码
}
工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行。
实例：（显示今天的星期名称。请注意 sunday=0, monday=1, tuesday=2, 等等）
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>yubaba</title>
6 </head>
7 <body>
8
9 <p>点击下面的按钮来显示今天是周几：</p>
10 <button onclick="myfunction()">点击这里</button>
11 <p id="demo"></p>
12 <script>
13 function myfunction(){
14 var x;
15 var d=new date().getday();
16 switch (d){
17 case 0:x="今天是星期日";
18 break;
19 case 1:x="今天是星期一";
20 break;
21 case 2:x="今天是星期二";
22 break;
23 case 3:x="今天是星期三";
24 break;
25 case 4:x="今天是星期四";
26 break;
27 case 5:x="今天是星期五";
28 break;
29 case 6:x="今天是星期六";
30 break;
31 }
32 document.getelementbyid("demo").innerhtml=x;
33 }
34 </script>
35
36 </body>
37 </html>
运行结果：
2.default 关键词
请使用 default 关键词来规定匹配不存在时做的事情：
1 <html>
2 <head>
3 <meta charset="utf-8">
4 <title>yubaba</title>
5 </head>
6 <body>
7
8 <p>点击下面的按钮，会显示出基于今日日期的消息：</p>
9 <button onclick="myfunction()">点击这里</button>
10 <p id="demo"></p>
11 <script>
12 function myfunction()
13 {
14 var x;
15 var d=new date().getday();
16 switch (d)
17 {
18 case 6:x="今天是星期六";
19 break;
20 case 0:x="今天是星期日";
21 break;
22 default://如果今天不是星期六、星期日那么就执行default里的代码
23 x="期待周末";
24 }
25 document.getelementbyid("demo").innerhtml=x;
26 }
27 </script>
28
29 </body>
30 </html>
运行结果：
上一篇： 关于jQuery新的事件绑定机制on()的使用技巧
下一篇： 使用样式的三种方式