流程控制
（基本语法相通，不做讲解，以if语句为例简单实现在html中的运用）
1. 分支结构
1）if 语法
- if(条件){语句}
- if(条件){语句1}else{语句2}
- if(条件1){语句1}else if(条件2){语句2}……else{语句n}
- if语句嵌套
注意事项：
if(条件)中，“条件”表达式的直接结果不一定是布尔值，可以是任意类型的值，if会隐式地将其结果转换为对应的布尔值。
简单实现：
先创建一个html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>流程控制-分支语句</title>
<script src="if-demo.js"></script>
</head>
<body>
<!-- 标签 -->
<label for="txt-input">输入数值：</label>
<!-- 输入 -->
<input type="text" name="text-input" id="text-input" />
<!-- 按钮 -->
<button id="btn-ok">确定</button>
<!-- 输出 -->
<p id="show"></p>
</body>
</html>
再创建一个js文件：
window.onload = function () {
// 当点击按钮的时候执行的操作
document.getElementById("btn-ok").onclick = function () {
//获得输入的值
var str_input = document.getElementById("text-input").Value;
//类型转换
var num_input = Number(str_input);
var output = "";
if (num_input > 50) {
output = "此数值大于50";
} else if (num_input < 50) {
output = "此数值小于50";
} else {
output = "此数值等于50";
}
document.getElementById("show").textContent = output;
};
};
2）switch语法
switch(表达式){
case 值1：
语句1
break;
……
default：
语句n
}
（实现套用if语法。）
2. 循环结构
1）do…while语法
do{
statements
}while（conditioon）;
其中statements在检查条件之前会执行一次。
（实现套用if语法。）
2）while语法
while（condition）{
statements
}
（实现套用if语法。）
3）for循环
for（[初始化循环变量];[条件];[循环变量增量]）{
语句
}
（实现套用if语法。）
3. break和continue
1）break
用来终止循环和switch语句的执行
2）continue
用来中断本次循环的执行，继续下一轮的while、do-while、for循环的执行。
版权声明：本文为m0_59985125原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。