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 语句
![Front-End-Projekt-Shangyou [umfassende Praxis der HTML/CSS/JS-Technologie]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Nullbasierter Front-End-Kurs [Vue fortgeschrittenes Lernen und praktische Anwendung]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![WEB-Frontend-Tutorial [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Praktische Anwendung von Apipost [API, Schnittstelle, automatisiertes Testen, Mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
