JavaScript 入门教程
JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。
W3CAPI
1
2020-06-18 07:05:48
文档目录
我的书签
switch
JavaScript：switch 语句基于不同条件执行对应代码块，含case/break/default结构。
详细说明
switch语句支持基于多个选项进行条件判断。
若匹配到某个case标签，程序将执行对应的关联语句。
如果在所有case语句中均未找到匹配项，则仅执行default之后的语句。
如果未找到default语句，程序将继续执行switch语句结束后的下一条语句。
Noteswitch语句几乎类似于针对同一表达式的一系列if语句。
Syntax
switch (expression){
case label :
statements;
break;
case label :
statements;
break;
... default : statements;
}
执行一下语法说明
expression：匹配标签对应的值。
label：需与表达式匹配的标识符。
statements：当表达式与标签匹配时执行一次的多个语句。
示例:
以下示例使用switch语句显示特定等级对应的分数区间。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript Switch statement : Example-1</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<h1>JavaScript : switch statement</h1>
<form name="form1" action ="#">
Input Grade type : <input type="text" name="text1" value="A" />
<br /><br />
<input type="button" value="Marks check"
onclick='marksgrade()' />
</form>
<script src="switch-statement-example1.js"></script>
</body>
</html>
JS代码
function marksgrade()
{
grade = document.form1.text1.value;
switch (grade)
{
case 'A+':
console.log("Marks >= 90");
break;
case 'A':
console.log("Marks [ >= 80 and <90 ]");
break;
case 'B+':
console.log("Marks [ >= 70 and <80 ]");
break;
case 'B':
console.log("Marks [ >= 60 and <70 ]");
break;
case 'C':
console.log("Marks < 60");
break;
default:
console.log("Wrong grade.........");
}
}
扫一扫关注官方微信公众号