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=013 ?????????????????** ????2 ??<2 ??i=114 ?????????????????*** ???3 ??<3 ??i=215 ?????????????????**** ??4 ??<4 ??i=316 ?????????????????***** ?5 ??<5 ??i=417 ?????????????????18 ?????????????????*****19 ?????????????????*****20 ?????????????????*****21 ?????????????????*****22 ?????????????????*****23 ?????????????????24 ?????????????????***** 1 ??j<5(5-0) ?i=025 ?????????????????**** ?2 ?????j<4(5-1) ?i=126 ?????????????????*** ??3 ??j<3(5-2) ?i=227 ?????????????????** ???4 ??j<2(5-3) ?i=328 ?????????????????* ????5 ??j<1(5-4) ?i=429 ?????????????????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循环
原文地址：http://www.cnblogs.com/ZHOUVIP/p/7670240.html