目录
一. if语句(做判断)
1. if语句是基于条件成立才执行相应代码时使用的语句。
2.语法:
if(条件){
条件成立时执行代码
}
注意:if小写,大写字母(IF)会出错!
3.eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>if判断</title>
<script type="text/javascript">
var myarr = "PHP";
if (myarr == "PHP")
{
document.write("您如果会php,你就可以过来上班");
}
</script>
</head>
<body>
</body>
</html>
效果图:
二: if..else语句(二选一)
1. if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。
2.语法:
if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}
3.eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>二选一</title>
<script type="text/javascript">
var myarr = "javascript"; //myarr变量存储技能
if (myarr == "PHP")
{
document.write("您如果会php,你就可以过来上班");
}
else //否转,技能不是php
{
document.write("你面试不成功,不能加入本公司.");
}
</script>
</head>
<body>
</body>
</html>
效果图:
三: if..else嵌套语句(多重判断)
1.要在多组语句中选择一组来执行,使用if..else嵌套语句。
2.语法:
if(条件1)
{ 条件1成立时执行的代码}
else if(条件2)
{ 条件2成立时执行的代码}
...
else if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}
3.eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多重判断</title>
<script type="text/javascript">
var myarr = 69; //myarr变量存储分数
if (myarr < 60)
{
document.write("成绩不及格,加油");
}
else if (myarr < 75)
{
document.write("成绩良好,不错");
}
else if (myarr < 85)
{
document.write("成绩很好,很棒");
}else
{
document.write("成绩优秀,超级棒");
}
</script>
</head>
<body>
</body>
</html>
效果图:
四: Switch语句(多种选择)
1.当有很多种选项的时候,switch比if else使用更方便。
2.语法:
switch(表达式)
{
case值1:
执行代码块 1
break;
case值2:
执行代码块 2
break;
...
case值n:
执行代码块 n
break;
default:
与 case值1 、 case值2...case值n 不同时执行的代码
}
3.语法说明:
Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。
4.eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Switch语句</title>
<script type="text/javascript">
var myweek =5;//myweek表示星期几变量
switch (myweek)
{
case 1:
case 2:
document.write("学习理念知识");
break;
case 3:
case 4:
document.write("到企业实践");
break;
case 5:
document.write("总结经验");
break; //这里必须用break打断,都在后面得也会继续执行
default:
document.write("周六、日休息和娱乐");
}
</script>
</head>
<body>
</body>
</html>
效果图:
注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句.
五: for循环(重复重复)
1.很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。
2.for语句结构:
for(初始化变量;循环条件;循环迭代)
{
循环语句
}
3.eg:
假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。
<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新
{
document.write("取出第"+num+"个球<br />");
}
</script>
效果图:
4.上例子for循环执行思路:
5.eg:
我们有1,2,3...10不同面值的钱,使用for语句完成合计,看看我们一共有多少钱
<script type="text/javascript">
var mymoney,sum=0;//mymoney变量存放不同面值,sum总计
for(mymoney=1;mymoney<=10;mymoney++)
{
sum= sum + mymoney;
}
document.write("sum合计:"+sum);
</script>
效果图:
六: while循环(反反复复)
1. 和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。
2.while语句结构:
while(判断条件)
{
循环语句
}
3.eg:
使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。
<script type="text/javascript">
var num=1; //初始化值
while (num<=6) //条件判断
{
document.write("取出第"+num+"个球<br />");
num=num+1; //条件值更新
}
</script>
效果图:
七: Do...while循环(来来回回)
1.do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。
2.do...while语句结构:
do
{
循环语句
}
while(判断条件)
3.eg:
我们试着输出5个数字
<script type="text/javascript">
num= 1; //初始化值
do
{
document.write("数值为:" + num+"<br />");
num++; //更新条件
}
while (num<=5) //条件判断
</script>
效果图:
4.上例执行思路
八: break推出循环
1.在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。
2.格式如下:
for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{break;}
循环代码
}
3.当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。
<script type="text/javascript">
var num;
for (var num = 1; num < 10; num++) {
if (num == 5)
{
break; //如果num是5,退出循环
};
document.write("数值:" + num + "<br />");
};
</script>
效果图:
注:当num=5的时候循环就会结束,不会输出后面循环的内容。
九: continue继续循环
1.continue的作用是仅仅跳过本次循环,而整个循环体继续执行。
2.语句结构:
for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{ continue; }
循环代码
}
3.上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。
<script type="text/javascript">
var num;
for (var num = 1; num < 10; num++) {
if (num == 5)
{
continue; //如果num是5,本次循环将被跳过
};
document.write("数值:" + num + "<br />");
};
</script>
效果图: