首页 > > 网页制作 > Javascript >

Javascript流程控制

2018-06-24 01:13:50来源：未知阅读 ()

Javascript流程控制

1.条件语句

　　(1)if(exp)执行一句代码

　　(2)if(exp){执行代码段;}

　　(3)if(exp){exp为true执行代码段}else{exp为false执行的代码段}

　　(4)if...else if...

　　(5)if嵌套

2.循环语句

　　(1)for 循环

　　(2)while 循环

　　(3)do/while循环

3.特殊循环控制

　　(1)break 终止循环

　　(2)continue 跳过循环

下面就是具体详情：

　　for循环

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h3>for循环</h3>
 9     <p>for(exp1;exp2;exp3;){循环体;}</p>
10     <p>exp1:无条件执行第一个语句</p>
11     <p>exp2:判断是欧服可以执行循环体的条件</p>
12     <p>exp3:做增量的操作</p>
13     <script>
14         for(var i=0;i<4;i++){
15             document.write(i+'hello world <br />')
16         }
17         // 循环i++,i循环三次，每次输出第几次+hello world
18     </script>
19     <p>通过break结束循环</p>
20     <script>
21         for(var i=0;i<=6;i++){
22             if(i>5){
23                 break;
24             }
25             document.write(i+'<br/>');
26         }//循环for语句每次输出1个i值，当i>5时停止输出
27     </script>
28     <p>通过continue跳过档次循环</p>
29     <script>
30         for(var i=1;i<=6;i++){
31             if(i==5){
32                 continue;
33             }
34             document.write(i+'<br />')
35         }//循环for语句，每次输出1个i值，的那个i=5时跳过本次循环进入下次循环。
36     </script>
37 </body>
38 </html>

　　for循环嵌套

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h3>for循环嵌套</h3>
 9     <script>
10         for(var i=1;i<=3;i++){
11             for (var k=1;k<=2;k++){
12                 document.write(k);
13             }
14             document.write(i+'<br>');
15         }
16     </script>
17 </body>
18 </html>

　　条件语句

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h3>条件语句</h3>
 9     <p>假如3>=11 输出a；否则输出b</p>
10     <script>
11         if(3>=11){
12             document.write('a');
13         }else{
14             document.write('b');
15         }
16     </script>
17     <p>定义a=1,判断a是否全等于2，若全等则输出2;若不全等则判断a是否全等于3，若全等则输出3;若不全等则判断a是否全等于1，若全等则输出1</p>
18     <script>
19         var a=1;
20         if(a==2){
21             document.write(2);
22         }else if(a==3){
23             document.write(3);
24         }else if(a==1){
25             document.write(1);
26         }
27     </script>
28 </body>
29 </html>

　　switch循环

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h3>switch循环</h3>
 9     <p>switch循环若是没有找到指定值则一直比较，当找到指定值是执行后边所有代码，所以在swith循环中每个值的代码段最后要写break</p>
10     <p>没加break前</p>
11     <script>
12         var i=3;
13         switch(i){
14             case 1:document.write('a<br />');
15             case 2:document.write('b<br />');
16             case 3:document.write('c<br />');
17             case 4:document.write('d<br />');
18         }//因为我们在这里没有加入break所以说当找到i=3时后执行后边所有代码
19     </script>
20     <p>加break后</p>
21     <script>
22         switch(i){
23             case 1:document.write('a<br />');break;
24             case 2:document.write('b<br />');break;
25             case 3:document.write('c<br />');break;
26             case 4:document.write('d<br />');break;
27         }
28     </script>
29 </body>
30 </html>

　　while循环

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h3>while循环</h3>
 9     <script>
10         var i=0;
11         while(i<=5){
12             i++;
13             document.write(i+'<br />');
14         }//若i<5则执行i++并输出i值
15     </script>
16 </body>
17 </html>

　　do/while循环

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h3>do/while循环</h3>
 9     <script>
10         var x=0;
11         do{
12             x++;
13             document.write('第'+x+'次X的值为：'+x+'<br>')
14         }
15         while (x<4);
16         document.write('最终X的值为：'+x+'<br />')
17         //当x<4时执行每次输出第几次的x的值，
18     </script>
19 </body>
20 </html>