JS基礎_嵌套的for循環
阿新 • • 發佈:2017-10-15
har 就會 font 循環 log pan blog ont 控制
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title></title>
6 <script type="text/javascript">
7
8 /*
9
10 通過程序,在頁面中輸出如下的圖形:
11
12 * 1 <1 i=0
13 ** 2 <2 i=1
14 *** 3 <3 i=2
15 **** 4 <4 i=3
16 ***** 5 <5 i=4
17
18 *****
19 *****
20 *****
21 *****
22 *****
23
24 ***** 1 j<5(5-0) i=0
25 **** 2 j<4(5-1) i=1
26 *** 3 j<3(5-2) i=2
27 ** 4 j<2(5-3) i=3
28 * 5 j<1(5-4) i=4
29
30
31 */
32
33 //--------------------------------------------------------------------------------
34
35 //向body中輸出一個內容
36 //document.write("*****<br />");
37
38
39 /*for(var i=0 ; i<5 ; i++){
40 document.write("*****<br />");
41 }*/
42
43
44 for(var i=0 ; i<5 ; i++){
45 for(var j=0 ; j<5 ; j++){
46 document.write("* ");
47 }
48 //輸出一個換行
49 document.write("<br />");
50 }
51
52
53 //通過一個for循環來輸出圖形
54 //這個for循環執行幾次,圖形的高度就是多少
55 //它可以用來控制圖形的高度
56 for(var i=0 ; i<5 ; i++){
57
58 /*
59 * 在循環的內部再創建一個循環,用來控制圖形的寬度
60 * 目前我們的外部的for循環執行1次,內部的就會執行5次
61 * 內層循環可以來決定圖形的寬度,執行幾次圖形的寬度就是多少
62 */
63
64 for(var j=0 ; j<i+1 ; j++){
65 document.write("* ");
66 }
67
68
69 /*for(var j=0 ; j<5-i ; j++){
70 document.write("* ");
71 }*/
72
73 //輸出一個換行
74 document.write("<br />");
75
76
77 }
78
79
80
81 </script>
82 </head>
83 <body>
84
85 </body>
86 </html>
JS基礎_嵌套的for循環