JS语句

JS语句包括：

1.顺序语句
2.分支语句：  if...else
                   switch...case
3.循环语句

一.先看顺序语句：

   </body>
    <script type="text/javascript">
    alert("hello");

    </script>
</html>

二.分支语句：if语句

1.最简单的if语句（如果赋予a的值<=10,那么这段代码就不会跳转页面显示出来）

<script type="text/javascript">
  var a = 12;
    if(a>10){
        alert("A的值大于10");
    }

 </script>

 2.if...else

  <script type="text/javascript">

    var a = 4;
    if(a>10){
        alert("A的值大于10");
    }else{
        alert("A的值不大于10");
    }

    </script>

if...else的另一种写法：

  <script type="text/javascript">
    var a = 4;
    /*if(a>10){
        alert("A的值大于10");
    }else{
        alert("A的值不大于10");
    }*/
    if(a>10)
        alert("A的值大于10");
    else
        alert("A的值不大于10");

    </script>

3.if...else if...

  <script type="text/javascript">

    var a = 4;
    if(a<10){
        alert("A的值小于10");
    }else if(a==10){
        alert("A的值等于10");
    }else{
        alert("A的值大于10");
    }

    </script>

 4.if嵌套

 <script type="text/javascript">
    var a = 12;

    if(a>=10){
        if(a==10){
            alert("A=10");
        }else{
            alert("A>10");
        }
    }else{
        alert("A的值不大于10");
    }

    </script>

分支语句：switch...case语句

 <script type="text/javascript">
    var a = 6;
    switch(a){
        case 1:
            alert("11111");
            break;      ------------------------------break;代表跳出整个循环
        case 2:
            alert("22222");
            break;
        case 3:
            alert("33333");
            break;
        case 4:
            alert("44444");
            break;
        case 5:
            alert("55555");
            break;
        default:
            alert("A的值不在范围内");
    }

    </script>

switch...case语句实例：

输入两个数，再输入一个运算符，计算结果

 <script type="text/javascript">
    var a = parseInt(prompt("请输入第一个数字："));
    var b = parseInt(prompt("请输入第二个数字："));

    var c = prompt("请输入运算符：");

    switch(c){
        case "+":
            alert(a+b);
            break;
        case "-":
            alert(a-b);
            break;
        case "*":
            alert(a*b);
            break;
        case "/":
            alert(a/b);
            break;
        case "%":
            alert(a%b);
            break;
        default:
            alert("输入的运算符有误");
    }

    </script>

三.循环语句1.for循环

四要素：初始值 循环条件 状态改变 循环体

<script type="text/javascript">
    for(var i=0;i<10;i++){
        alert(i);

} 
</script>

i=0;   --------初始值(只有第一次循环才走）

i<10;   -------循环判断条件

i++;    ------状态改变

alert(i);   ------循环体

（初始值--判断条件--循环体--状态改变）--（判断条件--循环体--状态改变）--（判断条件--循环体--状态改变）--....

i++;                 -----------相当于自身+1   即 i=i+1;
i--;                   -----------相当于自身—1  即 i=i-1;

<script type="text/javascript">
    var i =1;
    var b = i++;
    alert(b);
  
 </script>

在这里面var b = i++;   先把i的值赋予b，在进行i+1，即  var b=i;i=i+1;

对比下面这段代码

 <script type="text/javascript">
    var i =1;
    var b = ++i;
    alert(b);

    </script>

在这里面var b = ++i;   先运行i+1,再把i的值赋予b，即i=i+1; var b=i;

break;代表跳出整个循环

continue;代表跳出本次循环

2.while循环

 <script type="text/javascript">
    var i=0;
    while(true){
        alert(i);
        if(i>10)
        {
            break;
        }
        i++;
        }

    </script>

当运行到i=11时，循环自动结束

四.练习题

1.输出100以内的奇数

  <script type="text/javascript">
    var str = "";
    for(var i=1;i<100;i++){
        if(i%2!=0){
            str = str+i+",";
        }
    }
    alert(str)
    </script>

2.输出100以内与7相关的数字

 <script type="text/javascript">
    var str = "";
    for(var i=1;i<100;i++){
        if((i%7==0)||(i%10==7)||((i-i%10)/10==7)){
            str = str+i+",";
        }
    }
    alert(str);
    </script>

3.求1-10的阶乘

 <script type="text/javascript">
    var sum = 1;
    for(var i=1;i<11;i++){
        sum = sum*i;
    }
    alert(sum);
    </script>

4.篮球从5米的高度落下，落到地之后每次弹起的高度是原来的30%，求弹起第6次的时候高度是多少？

 <script type="text/javascript">
    var gao = 5;
    for(var i=0;i<6;i++){
        gao = gao*0.3;
    }
    alert(gao);
    </script>

5.一个芝麻是0.000001kg,我们将芝麻往一个有32格的棋盘里面放，第一个格子放1个，第二个放2个，第三个放4个，第四个放8个，依次类推，问放满该棋盘需要多重的芝麻。

 <script type="text/javascript">
    var sum = 1;
    var a = 1;
    for(var i=1;i<32;i++){
        a = a*2;
        sum = sum + a;
    }
    alert(sum*0.000001)
    </script>

拓展知识：

var str = "\"";

\n和\r 代表换行
\t  代表制表符
\"  代表双引号
\'  代表单引号

在JS语句中，我们要熟练使用for循环和while循环，以及其中的逻辑关系