首页 > 其他分享 >2.3JS中的流程控制

2.3JS中的流程控制

时间:2023-01-08 21:36:01浏览次数:37  
标签:流程 JS var while && 2.3

  

基本和JAVA中的一致 顺序结构 略  分支结构 if  switch   
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        /*
                         * 定义变量表示月份
                         * 根据月份输出该月的季节和应季活动
                         * */
                        var i=10;
                        if(i ==12 || i ==1 || i==2){
                                alert("大约在冬季: 冬天吃火锅");
                        }else if(i >= 3 && i<=5 ){
                                alert("春天来了: 春天吃青菜");
                        }else if(i >= 6 && i <= 8){
                                alert("夏天到了: 吃烧烤喝啤酒");
                        }else if(i >= 9 && i <=11){
                                alert("秋天到了: 贴秋膘");
                        }else{
                                alert("月份有误")
                        }
                        
                        
                        switch(i){
                                case 3:
                                case 4:
                                case 5:
                                        alert("春眠不觉晓");
                                        break;
                                case 6:
                                case 7:
                                case 8:
                                        alert("夏天蚊子咬");
                                        break;
                                case 9:
                                case 10:
                                case 11:
                                        alert("秋天一身包");
                                        break;
                                case 1:
                                case 2:
                                case 12:
                                        alert("冬天蚊子死翘翘");
                                        break;
                                default:
                                        alert("月份有误")
                        }
                        
                </script>
        </head>
        <body>
        </body>
</html>

 

  循环结构 while  do_while for    
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        var i=1;
                        while(i<=10){
                                alert(i)
                                i++;
                        }
                        /*
                         * 考试,直到分数过线为止
                         * 求1-10整数和 1+10*(10/2) */
                        var sum=0;
                        var j=1;
                        do{
                                sum+=j;
                                j++;
                        }while(j<=10);
                        alert(sum)
                        
                        var sum2=0;
                        for(var z=1;z<=10;z++){
                                sum2+=z;
                        }
                        alert(sum2)
                        
                        
                        
                </script>
        </head>
        <body>
                
        </body>
</html>

 

小练习:向页面打印99乘法表    
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        /*
                         *
                         ** 
                         ***
                         ****
                         * */
                        for(var i =1;i<=9;i++){
                                for(var j=1;j<=i;j++){
                                        document.write(j+"*"+i+"="+i*j+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")
                                }
                                document.write("<br/>")
                        }
                </script>
        </head>
        <body>
        </body>
</html>

 

标签:流程,JS,var,while,&&,2.3
From: https://www.cnblogs.com/2324hh/p/17035414.html

相关文章

  • 2.2JS中的运算符号
    ​ JS中运算符号大部分和java中的运算符一样,我们在这里分析一下特殊的运算符号 关于/%JS中,数字类型都是number,除法的结果中如果没有小数位,直接就是一个整数,如......
  • 2.2JS中的运算符号
    ​ JS中运算符号大部分和java中的运算符一样,我们在这里分析一下特殊的运算符号 关于/%JS中,数字类型都是number,除法的结果中如果没有小数位,直接就是一个整数,如......
  • 2.1JS中的数据类型
    ​  1数值型:number整数和浮点数统称为数值。例如85或3.1415926等。2字符串型:String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"......
  • 2.1JS中的数据类型
    ​  1数值型:number整数和浮点数统称为数值。例如85或3.1415926等。2字符串型:String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"......
  • 4.1JS中的常用对象
    ​  JS中的常用对象JS基于对象的脚本语言,有类和对象,但是没有封装,继承,多态,Javascript中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math......
  • 4.1JS中的常用对象
    ​  JS中的常用对象JS基于对象的脚本语言,有类和对象,但是没有封装,继承,多态,Javascript中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math......
  • 4.3JS中的原型的介绍
    ​ JS中原型的使用当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型......
  • 4.3JS中的原型的介绍
    ​ JS中原型的使用当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型......
  • 4.2JS中自定义对象
    ​ JS中自定义对象JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:1调用系统的构造函数创建对象2自定义构造函数创......
  • 4.2JS中自定义对象
    ​ JS中自定义对象JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:1调用系统的构造函数创建对象2自定义构造函数创......