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>
