小白教程
所有教程
关于
Search
172.69.59.136
172.69.59.136
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript switch 语句”的源代码
本页内容
上一节:
JavaScript_If…Else_语句
下一节:
JavaScript_for_循环
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript switch 语句}}[[Category:Javascript 教程|19]] = JavaScript switch 语句 = switch 语句用于基于不同的条件来执行不同的动作。 == JavaScript switch 语句 == 请使用 switch 语句来选择要执行的多个代码块之一。 == 语法 == <sample title="" desc="" lang="html" hererun="1"> switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码 } </sample> 工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 '''break''' 来阻止代码自动地向下一个 case 运行。 显示今天的星期名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等: <sample title="" desc="" lang="html" hererun="1"> 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; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</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> </run> == default 关键词 == 请使用 default 关键词来规定匹配不存在时做的事情: 如果今天不是星期六或星期日,则会输出默认的消息: <sample title="" desc="" lang="html" hererun="1"> var d=new Date().getDay(); switch (d) { case 6:x="今天是星期六"; break; case 0:x="今天是星期日"; break; default: x="期待周末"; } document.getElementById("demo").innerHTML=x; </sample> <run name=""> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</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> </run>
返回至“
JavaScript switch 语句
”。
上一节:
JavaScript_If…Else_语句
下一节:
JavaScript_for_循环