js switch的使用 ng-switch的使用方法
语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,
则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。 实例 显示今日的周名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等: var day=new Date().getDay(); switch (day) { 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; default: x="Looking forward to the Weekend"; } 鹰击长空,鱼翔浅底
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> 我喜欢的网站 <select ng-model="myVar"> <option value="runoob">www.runoob.com <option value="google">www.google.com <option value="taobao">www.taobao.com </select> <hr> <div ng-switch="myVar"> <div ng-switch-when="runoob"> <h1>菜鸟教程</h1> <p>欢迎访问菜鸟教程</p> </div> <div ng-switch-when="google"> <h1>Google</h1> <p>欢迎访问Google</p> </div> <div ng-switch-when="taobao"> <h1>淘宝</h1> <p>欢迎访问淘宝</p> </div> <div ng-switch-default> <h1>切换</h1> <p>选择不同选项显示对应的值。</p> </div> </div> <hr> <p> ng-switch 指令根据当前的值显示或隐藏对应部分。</p> </body> </html>
JS switch 分支语句 描述:根据一个变量的不同取值,来执行不同的代码。 语法结构: switch(变量) { case 值1: 代码1; break; case 值2: 代码2; break; case 值3: 代码3; break; default: 如果以上条件都不满足,则执行该代码; } switch结构说明: switch、case、break、default都是系统关键字,都必须全小写。 switch后的小括号():小括号内一般是一个变量名,这个变量可能会有不同的取值。 每个case的值,与变量的值进行比对,如果一致就执行该case后的代码。 所有的case都是“或”的关系,每时每刻只有一个case会满足条件。 每个case中的代码执行完毕后,必须要用break语句结束,结束之后,程序将跳到switch结束大括号之后运行。 如果不写break语句的话,下面所有的case语句都会执行一遍。 //实例:输出今天是星期几 /* (1)创建一个日期时间对象,它中有很多的信息:时、分、秒、年、月、日、星期 (2)取出日期对象中的星期值 (3)根据星期值(0-6)来输出中文的星期几 */ //(1)创建一个系统日期时间对象,其中Date()是系统函数,首字母大写 var today = new Date(); //(2)从Date对象中取出星期值 var week = today.getDay(); //返回0-6,0代表星期日 //(3)使用switch来输出今天是星期几 var str; switch(week) { case 1: str = "一"; break; case 2: str = "二"; break; case 3: str = "三"; break; case 4: str = "四"; break; case 5: str = "五"; break; case 6: str = "六"; break; default: str = "日"; } //(4)输出结果 document.write("今天是星期"+str) if多条件判断和switch的区别 if中的条件一般是一个范围(a>100),而switch中的条件一般是一个变量的不同取值。