JS学习-第二节
JS是自上而下一行一行运行的
语句的分类:
(1)条件判断语句
(2)条件分支语句
(3)循环语句
一,if语句
条件判断语句:
if语句:
语法一:
if(条件表达式)
{ ……
语句
}
(1)if后边的表达式为真才执行语句。
(2)if语句只能控制紧随其后的那个语句。尽量写上代码块,结构更清楚。
语法二:
if(条件表达式)
{ ……
语句
}else{
……
语句
}
(1)if后边的表达式为真才执行语句。如果false执行else后面的语句
语法三:
if(条件表达式)
{ ……
语句
}else if(条件表达式){
……
语句
}else{
……
语句
}
注意:只会执行一个代码块。
二,练习
(1)根据输入的成绩判断给什么礼物
<!DOCTYPE html> <html> <head> <mata charset="UTF-8"> <title></title> <script type="text/javascript"> alert("开始你的表演"); var score =prompt("请输入小明的成绩"); if(score>90) { alert("给你一个宝马"); }else if(score>60) { alert("给你一个玩具"); }else { alert("啥也没有"); } </script> </head> <body> </body> </html>
(2)键盘输入三个数字,判断大小,顺序输出
<!DOCTYPE html> <html> <head> <mata charset="UTF-8"> <title></title> <script type="text/javascript"> alert("开始你的表演"); var temp=0; var num1 =+prompt("请输入第一个数"); var num2 =+prompt("请输入第二个数"); var num3 =+prompt("请输入第三个数");//不加+返回值是String类型的,加完了是Number类型的 alert(num1+" "+num2+" "+num3); if(num1>num2) { temp=num1; num1=num2; num2=temp; }else if(num2>num3) { temp=num2; num2=num3; num3=temp; } alert(num1+" "+num2+" "+num3); </script> </head> <body> </body> </html>
三,switch
switch(条件表达式)
{
case 表达式:
语句。。。
break;
case 表达式:
语句。。。
break;
default:
语句。。。
break;
}
如果比较结果为true,执行当前语句,否则向下继续比较。
switch和if有功能重复的部分,if用的多一点
切记在case语句中缺少break会出现case穿透现象.
四,while
while循环
while(条件表达式)
{
语句。。。;
}
向body中输入文字
document.write(123+"<br />");//换行
五,for
for(初始化表达式;条件表达式;更新表达式)
{
语句。。。
}