JavaScript 条件语句
条件语句
在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。
在 JavaScript 中,我们可以使用下面几种条件语句:
-
if 语句
- 在一个指定的条件成立时执行代码。 if...else 语句
- 在指定的条件成立时执行代码,当条件不成立时执行另外的代码。 if...else if....else 语句
- 使用这个语句可以选择执行若干块代码中的一个。 switch 语句
- 使用这个语句可以选择执行若干块代码中的一个。
If 语句
如果希望指定的条件成立时执行代码,就可以使用这个语句。
语法:
if
(条件)
{
条件成立时执行代码
}
实例 :
<script type="text/javascript"> //Write "Lunch-time!" if the time is 11 var d=new Date() var time=d.getHours()if
(time==11) { document.write("<b>Lunch-time!</b>") } </script>
注意:请使用小写字母。使用大写的 IF 会出错!
注意:请使用双等号 (==) 来比较变量!
注意:在语法中没有 else。仅仅当条件为 true 时,代码才会执行。
If...else 语句
如果希望条件成立时执行一段代码,而条件不成立时执行另一段代码,那么可以使用 if....else 语句。
语法:
if
(条件) { 条件成立时执行此代码 }else
{ 条件不成立时执行此代码
}
实例
<script type="text/javascript"> //If the time is less than 10, //you will get a "Good morning" greeting. //Otherwise you will get a "Good day" greeting. var d = new Date() var time = d.getHours()if
(time < 10) { document.write("Good morning!") }else
{ document.write("Good day!") } </script>If...else if...else 语句
当需要选择多套代码中的一套来运行时,请使用 if....else if...else 语句。
语法:
if
(条件1) { 条件1成立时执行代码 }else if
(条件2) { 条件2成立时执行代码 }else
{ 条件1和条件2均不成立时执行代码 }实例:
<script type="text/javascript"> var d = new Date() var time = d.getHours()if
(time<10) { document.write("<b>Good morning</b>") }else if
(time>10 && time<16) { document.write("<b>Good day</b>") }else
{ document.write("<b>Hello World!</b>") } </script>JavaScript Switch 语句
如果希望选择执行若干代码块中的一个,你可以使用 switch 语句:
语法:
switch(n)
{case 1:
执行代码块 1break
case 2:
执行代码块 2break
default:
如果n即不是1也不是2,则执行此代码 }工作原理:switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。然后表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配,那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。
实例:
<script type="text/javascript"> //You will receive a different greeting based //on what day it is. Note that Sunday=0, //Monday=1, Tuesday=2, etc. var d=new Date() theDay=d.getDay()switch (theDay)
{case 5:
document.write("Finally Friday")break
case 6:
document.write("Super Saturday")break
case 0:
document.write("Sleepy Sunday")break
default:
document.write("I'm looking forward to this weekend!") } </script>