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>
