JavaScript--switch

switch 语句用于基于不同的条件来执行不同的动作。

JavaScript Switch 语句

请使用 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;

}

x 的结果:

Today it‘s Monday

亲自试一试

default 关键词

请使用 default 关键词来规定匹配不存在时做的事情:

实例

如果今天不是周六或周日,则会输出默认的消息:

var day=new Date().getDay();

switch (day)

{

case 6:

x="Today it‘s Saturday";

break;

case 0:

x="Today it‘s Sunday";

break;

default:

x="Looking forward to the Weekend";

}

x 的结果:

Looking forward to the Weekend

<!DOCTYPE html>

<html>

<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>

<head>

<title></title>

</head>

<p id = "demo"></p>

<p id = "Angel"></p>

<p>switch 语句判断当前是星期几</p>

<button onclick="myFunction()">试一试</button>

<body>

<script type="text/javascript">

function myFunction()

{

var day = new Date().getDay();

switch(day)

{

case 0 : 

x = "Today is Sunday";

break;

case 1 :

x = "Today is Monday";

break;

case 2 :

x = "Today is Tuesday";

break;

case 3 :

x = "Today is Wednesday";

break;

case 4 :

x = "Today is Thursday";

break;

case 5 :

x = "Today is Friday";

break;

case 6 :

x = "Today is Saturday";

break;

}

day = document.getElementById("demo").innerHTML=x;

Houre = new Date().getHours();

HOure_H=document.getElementById("Angel").innerHTML= Houre;

}

</script>

</body>

</html>

时间: 2024-08-23 18:12:34

JavaScript--switch的相关文章

JavaScript switch语句

JavaScriptswitch语句 switch语句用于基于不同的条件来执行不同的动作. JavaScript switch 语句 使用switch语句可以进行多项选择. 语法: switch( 变量1 ){ case 变量2: //语句1; break; case 变量3:   //语句2; break; default:      //语句3; } 执行原理:变量1的值跟case 的值进行比较.比如 变量1等于case 变量2,就执行语句1.如果变量1等于 case 变量3 就执行语句2,

JavaScript.switch (true)

<!DOCTYPE html> <html> <head> <title>Switch Statement Example 4</title> <script type="text/javascript"> var num = 25; switch (true) { case num < 0: alert("Less than 0."); break; case num >= 0 &

javascript switch..... case

switch(条件表达式) { case 常量: { 语句a; } break; case 常量: { 语句b; } break; case 常量: { 语句c; } break; ... case 常量: { 语句f; } break; default: { 语句n; } } 1 当"表达式"的值与某个case后面的常量相等时,就执行常量后面所执行的语句,之后跳出switch分支选择语句,当所有的case后面的常量都不符合"表达式"时,执行default后面的语句

JavaScript switch 语句的用法

switch 语句用于基于不同条件执行不同动作. switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } 代码解释: 计算一次 switch 表达式 把表达式的值与每个 case 的值进行对比 如果存在匹配,则执行关联代码 如下: switch (new Date().getDay()) { case 0: day = "星期天"; break; case 1: day = "星期一"

JavaScript If...Else、Switch、For、While、Break、Continue语句

一,JavaScript If...Else 语句 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行 switch 语句 -

JavaScript学习——JavaScript 条件 语句 switch语句 while语句

JavaScript if...Else 语句 条件语句 在 JavaScript 中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句- 使用该语句来选择多个代码块之一来执行 switch 语句 - 使用该语句来选择多个代码块之一来执行 if 语句 只有当指定条件为 true 时,该语句才会执行代码.

JavaScript 的使用基础总结①

JavaScript 使用   JavaScript 是一种轻量级的编程语言,JavaScript 是可插入 HTML 页面的编程代码,JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行.         HTML 中的脚本必须位于 <script> 与 </script> 标签之间.脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. 使用JS的三种方式 1.在html标签中直接使用内嵌JS,并不提倡使用不符合W3

JavaScript简介及示例

JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成.因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Jav

Top 10 JavaScript traps for a C# developer

Top 10 JavaScript traps for a C# developer 27 May 2014   | .NET · Code · Javascript Tags: .net · C# · javascript If you are an experienced C# developer, coming into JavaScript world for application development, you will end up making few common mista

W3cshool之JavaScript基础

1.  JavaScript 对大小写敏感 名为 "myfunction"的函数和名为 "myFunction" 的函数是两个不同的函数,同样,变量 "myVar" 和变量 "myvar" 也是不同的. JavaScript对大小写敏感 - 所以当您创建或使用变量.对象及函数时,请注意字符的大小写. 2.  如何与老的浏览器打交道 那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示.为了防止这种情况发生,我