switch语句（JS）

最新推荐文章于 2021-02-23 10:09:37 发布

qingxue14

最新推荐文章于 2021-02-23 10:09:37 发布

阅读量534

点赞数

分类专栏： JS+HTML 文章标签： Html+JS

JS+HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

实例1

输入一个数字 <input type="text" id="test"> <input type="button" value="提交" onclick="testSwich()">

//测试 switch语句，当 两种情况相同时，比如下面的10或者11，都会走 alert("10或者11") 这里        
function testSwich() {
      var number = document.getElementById("test").value;
      number=parseInt(number);
      switch (number){
            case 1: alert(1);
            break;
            case 10:
            case 11:alert("10或者11"); //number = 10 或者 = 11执行相同的操作
            break;
            default :alert("既不是1，10，11");
      }
}

实例2

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>