Javascript 基础教程...LOGIN

Javascript 基础教程之流程控制语句

条件语句有哪些?

if  语句

if(条件){

    执行代码;

}

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		var x=5;
		if(x<4){
			alert('true');
		}
	</script>
</body>
</html>

注:x等于5   执行if语句,如果x小于4 执行下面语句,本段代码中,x是不符合条件的,所以不会执行下面语句,输出为空;

if......else

if(条件){

    满足条件执行代码

}else{

    条件不满足执行代码

}

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		var x=5;
		if(x<4){
			alert('true');
		}else{
			alert('false');
		}
	</script>
</body>
</html>

注:x=5  判断条件是否满足x<4    如果条件成立,执行alert('true');否则的话,执行alert('false');

if......else if.....else

if(条件1){

    执行语句1

}else if(条件2){

    执行语句2

}else if(条件3){

    执行语句3

}else{

    不满足以上条件  执行语句4

}

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>控制流程语句   if....else if....else </title>
</head>
<script type="text/javascript">
		var age = 50;
		if(age<=30){
			document.write('青年');
		}else if(age<=40){
			document.write('中年');
		}else if(age<=60){
			document.write('中老年');
		}else{
			document.write('老年');
		}
</script>
<body>
	
</body>
</html>

switch语句

switch(条件){

    case 1:执行语句;break;

    case 2:执行语句;break;

    case 3:执行语句;break;

    default:执行语句;

}

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>流程控制语句  switch 语句  </title>
</head>
<script type="text/javascript">
	var myweek=1;
	switch(myweek){
		case 1:document.write('学习html');break;
		case 2:document.write('学习div+css');break;
		case 3:document.write('学习javascript');break;
		case 4:document.write('学习jquery');break;
		case 5:document.write('学习php');break;
		default:document.write('休息');
	}
</script>
<body>

</body>
</html>

注:switch  是结合break 来是用的,当myweek等于1时,如果执行语句后面没有加break;会把case 1 到default 为止的全部输出出来,加上break ,当找到满足条件时,不往下执行,switch  必须有初始值,当所有条件不满足时,执行default 语句


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript</title> </head> <body> <script type="text/javascript"> var x=5; if(x<4){ alert('true'); } </script> </body> </html>
提交重置代码
章节课件