2.3JS中的流程控制

喜欢ヅ旅行 2023-09-27 13:43 20阅读 0赞

基本和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>

![e78c5bc4acd19cad4faa8943e11569cf.gif][]

![32f5614b4be43bda5c225503249fc6a0.gif][]

循环结构 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>

![1c0a80c5547c0a89a81da311630efe79.gif][]

![1e5d08da6d850e302c283e4a18f23120.gif][]

小练习:向页面打印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+"      ")
                                    }
                                    document.write("<br/>")
                            }
                    </script>
            </head>
            <body>
            </body>
    </html>

![ad764433a909e21b42672e0ddb44ba8c.gif][]

![29301f98390748c0686caad2711dc0b1.gif][]

[e78c5bc4acd19cad4faa8943e11569cf.gif]: https://img-blog.csdnimg.cn/img_convert/e78c5bc4acd19cad4faa8943e11569cf.gif
[32f5614b4be43bda5c225503249fc6a0.gif]: https://img-blog.csdnimg.cn/img_convert/32f5614b4be43bda5c225503249fc6a0.gif
[1c0a80c5547c0a89a81da311630efe79.gif]: https://img-blog.csdnimg.cn/img_convert/1c0a80c5547c0a89a81da311630efe79.gif
[1e5d08da6d850e302c283e4a18f23120.gif]: https://img-blog.csdnimg.cn/img_convert/1e5d08da6d850e302c283e4a18f23120.gif
[ad764433a909e21b42672e0ddb44ba8c.gif]: https://img-blog.csdnimg.cn/img_convert/ad764433a909e21b42672e0ddb44ba8c.gif
[29301f98390748c0686caad2711dc0b1.gif]: https://img-blog.csdnimg.cn/img_convert/29301f98390748c0686caad2711dc0b1.gif