switch/case 語句
switch/case 語句
在做大量的選擇判斷的時候，如果仍然使用if/else 結構，那麼程式碼有可能會變得非常凌亂，於是我們採用switch/case 結構：
switch(k)
{
case k1:
执行代码块 1 ;
break;
case k2:
执行代码块 2 ;
break;
default:
默认执行（k 值没有在 case 中找到匹配时）;
}語法說明:
#Switch必須賦初始值，值與每個case值相符。滿足執行該 case 後的所有語句，並用break語句來阻止執行下一個case。如所有case值都不匹配，執行default後的語句。
假設評價學生的考試成績，10分滿分制，我們依照每一分一個等級將成績分等，並根據成績的等級做出不同的評價。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>switch</title>
<script type="text/JavaScript">
var myweek =1;//myweek表示星期几变量
switch(myweek)
{
case 1:
case 2:
document.write("学习理念知识");
break;
case 3:
case 4:
document.write("到企业实践");
break;
case 5:
document.write("总结经验");
break;
case 6:
case 7:
document.write("周六、日休息和娱乐");
break;
default:
window.alert('输入有误');
}
</script>
</head>
<body>
</body>
</html><html>
<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="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
新建檔案
<!DOCTYPE html>
<html>
<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="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 