首页 > 代码库 > JavaScript语言基础10
JavaScript语言基础10
JavaScript中的if语句：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2){
document.write("value1>value2");
}
</SCRIPT>
</BODY>
</HTML></span>在上面代码中，通过if语句判断value1是否大于value2，结果肯定value1>value2:
在这里我们必须将判断条件置于if关键字之后的圆括号中，当条件为真时，将要执行的代码用大括号括起来，养成良好的习惯。
在进行判断条件时，有时会涉及一些逻辑运算符的操作，如下表：
逻辑运算 运算符
AND（逻辑与） &&
OR（逻辑或） ||
NOT（逻辑非） ！
逻辑与（&&）：
左操作数 右操作数 逻辑与的结果
true true true
false true false
true false false
false false false
结论：当条件表达式中全为真时，结果为真；反之，结果为假。
逻辑或（||）：
左操作数 右操作数 逻辑或的结果
true true true
false true true
true false true
false false false
结论：当条件表达式全为假时，结果为假；反之，结果为真。
逻辑非（！）：
操作数 逻辑非的结果
true false
false true
结论：条件为假时，结果为真；条件为真时，结果为假。
JavaScript的if语句中可以使用 复合条件，如下代码：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2){
if(value1<50){
document.write("value1>value2");
}
}
</SCRIPT>
</BODY>
</HTML></span>代码中先判断value1>value2,条件成立后，判断value1<50,条件成立输出：
当然这样做是正确的，但代码过于臃肿，因此我们使用上面的逻辑运算符来实现上面的效果：
<span style="font-size:18px;">HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2&&value1<50){
document.write("value1>value2");
}
</SCRIPT>
</BODY>
</HTML></span>结果：
合理的使用逻辑运算符可以为我们减少一些不必要的代码。
这时如果我们将value=http://www.mamicode.com/30,value=40：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=30;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}
if(value1<value2){
document.write("value1 < value2");
}
</SCRIPT>
</BODY>
</HTML></span>结果如下：
结果是正确的，我们现在看看代码，如果我们要判断value1>value2不成立时，就输出value1<value2，显然上面代码过长，我们可以使用if语句的else子句来实现：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=30;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}else{
document.write("value1 < value2");
}
</SCRIPT>
</BODY>
</HTML></span>这样的话，逻辑更加清晰，如果还需判断value1是否等于value2时，我们可以使用if语句else if子句（当然else if 子句可以是多个，用来依次判断条件）：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}else if(value1<value2){
document.write("value1 < value2");
}else{
document.write("value1 = value2");
}
</SCRIPT>
</BODY>
</HTML></span>结果如下
当然还可以写成如下：
<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=4;
if(value1<=60&&value1>50){
document.write("60--50");
}else if(value1<=50&&value1>40){
document.write("50--40");
}else if(value1<=40&&value1>30){
document.write("40--30");
}else{
document.write("value1 <= 30");
}
</SCRIPT>
</BODY>
</HTML></span>判断value1的区间，结果如下：
转载请注明出处：http://blog.csdn.net/hai_qing_xu_kong/article/details/41253359 情绪控_
JavaScript语言基础10