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>
二.浏览器打开以上代码渲染结果
如上图所示，输入一个数字，最终渲染结果如下图所示。
