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>