语法

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. RPM 命令大全

    RPM 大全RPM 有五种基本的操作方式(不包括创建软件包): 安装, 卸载, 升级, 查询,和验证. 下面我们就来逐一的讲解吧. 一. 安装RPM包 RPM 软件包通常具有类似foo-1.0-1.i ...

  2. webpack配置上线地址

    webpack配置上线地址主要使用output配置项下的publicPath. webpack.config.js配置文件为: var htmlWebpackPlugin = require('htm ...

  3. MySQL Event计划任务刷慢日志

    前言 最近在尝试一个日志系统graylog来收集mysql的慢查询日志提,供后续的分析.监控和报警等.测试步骤已经到日志已成功收集到graylog,测试时需要刷一些慢查询日志出来.为了刷比较多的日志和 ...

  4. spring mysql多数据源配置

    spring mysql多数据源配置 @Configuration public class QuartzConfig { @Autowired private AutowireJobFactory ...

  5. python学习笔记之基础数据和控制

    注释: 单行注释 # 多行注释'''    ''' 注意:当注释中有汉字时需要在python文件的第一行添加如下内容之一:#coding:gbk或#coding:utf-8或##-*- coding ...

  6. 让一个表单以post的方式在window.open的窗口中打开

    我们都知道window.open(url)是最基本的用法,很多人都在url里用?xx=11&yy=22的方式拼接参数,但是其实我们不愿意让使用者看到后面的参数,这时我们可以如下方法 JS如下: ...

  7. 类的专有方法(__init__)

    # -*- coding: utf-8 -*- #python 27 #xiaodeng #http://www.cnblogs.com/zyxstar2003/archive/2011/03/21/ ...

  8. java Socket Udp

    接收端: package cn.itcast.net.p2.udp; import java.io.IOException;import java.net.DatagramPacket;import ...

  9. Linux下FTP命令的使用方法

    FTP> ? 显示 ftp 命令说明.? 与 help 相同. 格式:? [command] 说明:[command]指定需要帮助的命令名称.如果没有指定 command,ftp 将显示全部命令 ...

  10. PHP扩展的基本结构

    1.下载php源码 git clone https://github.com/php/php-src.git  2,创建扩展 cd php-src/ext/ ./ext_skel --extname= ...