首页 > > 网页制作 > css >

JavaScript switch语句

2018-09-29 03:51:43来源：博客园阅读 ()

JavaScriptswitch语句

switch语句用于基于不同的条件来执行不同的动作。

JavaScript switch 语句

使用switch语句可以进行多项选择。

语法：

　　switch( 变量1 ){

　　case 变量2:

　　　　　　//语句1;

　　　　break;

　　　　case 变量3:

　　　　　　　 //语句2;

　　　　break;

　　　　default:

　　　　　　 //语句3;

　　}

执行原理：变量1的值跟case 的值进行比较。比如变量1等于case 变量2，就执行语句1。如果变量1等于 case 变量3 就执行语句2，如果都不符合就执行语句3.

break 结束当前执行的语句。default 默认的，在没有符合的选项的时候默认选择default。

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
<script type="text/javascript">
    var num = 3;
    switch (num) {
    case 0:
        alert("0");
        break;
    case 1:
        alert("1");
        break;
    case 2:
        alert("2");
        break;
    case 3:
        alert("3");
        break;
    case 4:
        alert("4");
        break;

    default:
        alert("默认选项");
        break;
    }
//当num等于0，执行alert("0");......如果都不匹配，就执行alert("默认选项");
</script>
</html>