前端笔记56——switch语句

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengxu_kuangrexintu/article/details/85758342

switch语句语法

switch(状态值){
    case 状态值1:
        code...1
        break;
    case 状态值2:
        code...2
        break;
    case 状态值3:
        code...3
        break;
    default:
        code...4
        break;
}

switch执行原理:用switch括号里面的 结果和case后面的结果做比对,如果一样就执行对应的case后面的代码。

代码举例

我这里样式方面引入了bootstrap.css,如果需要运行看效果的小伙伴,可以自定义一下样式。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<style type="text/css">
			input {
				/*!important 强制提高优先级*/
				width: 100px !important;
				margin-top: 100px;
			}
		</style>
	</head>

	<body>
		<input id="ipt" type="text" class="form-control" />
		<button id="btn" class="btn btn-danger">判断</button>
		<script type="text/javascript">
			var oIpt = document.getElementById("ipt")
			var oBtn = document.getElementById("btn")
			oBtn.onclick = function() {
				var num = oIpt.value
				switch(num) {
					case "1":
						alert("星期一")
						break
					case "2":
						alert("星期二")
						break
					case "3":
						alert("星期三")
						break
					case "4":
						alert("星期四")
						break
					case "5":
						alert("星期五")
						break
					case "6":
						alert("星期六")
						break
					case "7":
						alert("星期日")
						break
					default:
						// 如果前面的都不满足就执行default里面的内容
						// default是可选的
						alert("输入不正确")
						break
				}
			}
		</script>
	</body>
</html>

switch语句中的break关键字一定要写,要不然执行了相应的case之后会跳转下一个case语句。

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试