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(初始化表达式;条件表达式;更新表达式)

  {

    语句。。。

  }

 

posted @ 2021-08-09 19:55  热心市民陆女士  阅读(21)  评论(0编辑  收藏  举报