语法

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中的条件一般是一个变量的不同取值。

js switch的使用 ng-switch的使用方法的更多相关文章

  1. 【转】3篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：官方原生方法分析

    作者: 牛A与牛C之间 时间: 2013-11-17 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第3篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  2. JS提交对象数组到服务端的方法总结(C#实例)

    *转载请注明出处: 作者:willingtolove: 本文链接:http://www.cnblogs.com/willingtolove/p/4741549.html 正文: 1. 方法一:利用aj ...

  3. 在Android的webview中定做js的alert,confirm和prompt对话框的方法

    在Android的webview中定制js的alert,confirm和prompt对话框的方法 http://618119.com/archives/2010/12/20/199.html 1.首先 ...

  4. 【转】第4篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-18 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第4篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  5. js动态创建及移除div的方法

    本文实例讲述了js动态创建及移除div的方法.分享给大家供大家参考.具体实现方法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

  6. [转]js中几种实用的跨域方法原理详解

    转自:js中几种实用的跨域方法原理详解 - 无双 - 博客园 // // 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同 ...

  7. JS中的call、apply、bind方法

    JS中的call.apply.bind方法 一.call()和apply()方法 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]] ...

  8. 原生JS—实现图片循环切换的两种方法

    今天我们主要讲讲如何使用原生JS实现图片的循环切换的方法.多余的话我们就不多说了,我们一个一个开始讲吧. 1  原生JS实现图片循环切换 -- 方法一 在上栗子之前我们先简单介绍一下所用的一些知识点. ...

  9. JavaScript进阶(四)js字符串转换成数字的三种方法

    js字符串转换成数字的三种方法 在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b. ...

  10. JS函数可以再添加属性（包括方法）

    1 前言 JS函数可以再添加属性(包括方法),这个有点有趣,记录一下. 2 代码 <!DOCTYPE html> <html> <head> <title&g ...

随机推荐

  1. webservice系统学习笔记7-使用handler实现过滤器/拦截器效果

    handler可以作用于客户端,也可以作用了服务端 handler分为:1.LogicalHandler:只能获取到soap消息的body. 2.SOAPHandler:可以获取SOAPMessage ...

  2. &和&&的一点区别

    &两边的语句都会执行,&&有可能只执行左边的语句. &做位运算与的时候可以更高效的判断一个数字是不是奇数. 1&1 = 1 0&1 = 0 所以和1与结 ...

  3. 转:VC++线程同步-事件对象

    这是整理孙鑫VC得到的关于线程同步方面的笔记. n       事件对象也属于内核对象,包含一个使用计数,一个用于指明该事件是一个自动重置的事件还是一个人工重置的事件的布尔值,另一个用于指明该事件处于 ...

  4. oracle-imp导入小错filesize设置

    ***********************************************声明*************************************************** ...

  5. aop:declare-parents注解

    http://www.blogjava.net/jackfrued/archive/2010/02/27/314060.html <aop:aspect> <aop:declare- ...

  6. HDUOJ----2952Counting Sheep

    Counting Sheep Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...

  7. Python监控文件变化：watchdog

    Python监控文件变化有两种库:pyinotify和watchdog.pyinotify依赖于Linux平台的inotify,后者则对不同平台的的事件都进行了封装.也就是说,watchdog跨平台. ...

  8. 在python中使用静态方法staticmethod

    静态方法: 静态方法是类中的函数,不需要实例.静态方法主要是用来存放逻辑性的代码,主要是一些逻辑属于类,但是和类本身没有交互,即在静态方法中,不会涉及到类中的方法和属性的操作.可以理解为将静态方法存在 ...

  9. access database in a helper function ?

    <?php if(! function_exists('get_user_info')){ function get_user_info($field) { $ci = & get_in ...

  10. 房产地图google map的初步应用点滴.2)(转)

    房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3) 房产地图google map的初步应用点滴.4) 本来 ...