JavaScript基礎知識-流程控制之條件分支語句(switch語句)
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則將追究法律責任。
一.JavaScript源代碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>條件分支語句</title> <script type="text/javascript"> /** * 條件分支語句也叫switch語句。 * 語法如下: * switch(條件表達式){ * case 表達式: * 語句... * break; * case 表達式: * 語句... * break; * ... * default: * 語句... * break; * } * 溫馨提示: * "switch ... case"語句在執行時會依次將case后的表達式的值和switch后的條件表達式的值進行全等比較， * 如果比較結果為ture，則從當前case出開始執行代碼; * 如果比較結果為false,則繼續向下比較; * 如果所有的比較結果都為false，則只執行default后的語句。 * * if語句和switch語句使用說明: * switch語句和if語句的功能實際上由重復的，使用switch可以實現if的功能，同樣使用if也可以實現switch的功能，所以我們使用時，可以根據自己的習慣選擇。 * */ var week = prompt("請輸入你希望今天是星期幾(1-7): "); console.log(week,typeof week); switch(week){ case "1": document.write("<h1 style='color: yellowgreen;'>今天是星期一</h1>"); break; case "2": document.write("<h1 style='color:royalblue;'>今天是星期二</h1>"); break; case "3": document.write("<h1 style='color: brown;'>今天是星期三</h1>"); break; case "4": document.write("<h1 style='color:orange;'>今天是星期四</h1>"); break; case "5": document.write("<h1 style='color: firebrick;'>今天是星期五</h1>"); break; case "6": document.write("<h1 style='color: forestgreen;'>今天是星期六</h1>"); break; case "7": document.write("<h1 style='color: deeppink;'>今天是星期日</h1>"); break; default: document.write("<h1 style='color: red;'>您的輸入不合法，請重新輸入數字[1-7]</h1>"); break; } </script> </head> <body> </body> </html>
二.瀏覽器打開以上代碼渲染結果
如上圖所示，輸入一個數字，最終渲染結果如下圖所示。
