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=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 
  情绪控_

时间: 2024-10-24 17:19:59

JavaScript语言基础10的相关文章

JavaScript语言基础知识点图示

原文:JavaScript语言基础知识点图示 一位牛人归纳的JavaScript 语言基础知识点图示. 1.JavaScript 数据类型 2.JavaScript 变量 3.Javascript 运算符 4.JavaScript 数组 5.JavaScript 流程控制 6.JavaScript 函数基础 7.DOM 基本操作 8.Window 对象 9.JavaScript 字符串函数 10.正则表达式 JavaScript语言基础知识点图示,布布扣,bubuko.com

JavaScript语言基础知识点图示(转)

一位牛人归纳的JavaScript 语言基础知识点图示. 1.JavaScript 数据类型 2.JavaScript 变量 3.Javascript 运算符 4.JavaScript 数组 5.JavaScript 流程控制 6.JavaScript 函数基础 7.DOM 基本操作 8.Window 对象 9.JavaScript 字符串函数 10.正则表达式

JavaScript 语言基础知识点图示

JavaScript 语言基础知识点图示:

javascript--浏览器对象模型BOM、文本对象模型DOM、JavaScript 语言基础ECMAScript

JavaScript 的内容,包含以下三部分: ECMAScript(核心):JavaScript 语言基础: DOM(文档对象模型):规定了访问HTML和XML的接口: BOM(浏览器对象模型):提供了独立于内容而在浏览器窗口之间进行交互的对象和方法. 一. ECMAScript ECMAScript 规定了 JavaScript 脚本的核心语法,如 数据类型.关键字.保留字.运算符.对象和语句等,它不属于任何浏览器. ECMAScript 标准定义了 JavaScript 脚本中最为核心的内

JavaScript 语言基础知识点总结

JavaScript 语言基础知识点总结

JavaScript语言基础知识总结

1: JavaScript  DOM的基本操作: 2:JavaScript变量的用法 3:JavaScript函数基础 4:JavaScript流程语句 5 : JavaScript数据类型 6:JavaScript数组的应用 7:JavaScript运算符 8:JavaScript正则表达式 9:JavaScript字符串操作函数 10: window 操作对象

JavaScript 语言基础知识点总结(思维导图)

1.JavaScript数组 2.JavaScript 函数基础 3.Javascript 运算符 4.JavaScript 流程控制 5.JavaScript 正则表达式 6.JavaScript 变量 7.JavaScript 字符串函数 8.DOM 基本操作

JavaScript语言基础14

JavaScript循环语句------------------while循环语句. while在循环条件为true时,一直保持循环状态,直到循环条件为false时退出循环. 模板如下: <HTML> <HEAD> <TITLE>Hello World</TITLE> </HEAD> <BODY BGCOLOR="WHITE"> <SCRIPT Language="JavaScript"

一套最全的JavaScript 语言基础知识点总结(思维导图10张)

1.DOM基础操作 2.数组基础 3.函数基础 4.运算符 5.流程控制语句 6.正则表达式 7.字符串函数 8.数据类型 9.变量 10.window对象