嵌套for循环 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*通过程序,在页面中输出如下图形:
				*
				**
				***
				****
				*****
				
				*****
				*****
				*****
				*****
				*****
				
				*****
				****
				***
				**
				*
			*/
			   
			   // 向body中输出一个内容
			   // document.write("*****<br />");
			   //通过一个for循环来输出图形
			   //这个for循环执行几次，图形的高度就是多少
			   //它可以用来控制图形的高度
			   //第一个图
			   for(var i = 1;i<=5;i++){
				   // 在循环的内部再创建一个循环,用来控制图形的宽度
				   //目前我们的外部的for循环执行一次，内部的就会执行5次
				   //内层循环可以来决定图形的宽度，执行几次图形的宽度就是多少
				   for(var j = 1;j<=5;j++){
					   document.write("*");
				   }
				   //输出一个换行
				   document.write("<br />");
			   }
			   
			   document.write("<br />");
			   
			   
			   //第二个图
			   for(var i = 1;i<=5;i++){
			        for(var j = 1;j<=i;j++){
			   		    document.write("*");
			   	   }
			   		document.write("<br />");
			   }
			   
			   document.write("<br />");
			   
			   
			   //第三个图
			   for(var i = 1;i<=5;i++){
			   		for(var j = 1;j<=6-i;j++){
			   			document.write("*");
			   		}
			   	    document.write("<br />");
			   }
		</script>
	</head>
	<body>
	</body>
</html>

　　

posted @ 2021-11-09 10:09  夏大爷  阅读(58)  评论(0)    收藏  举报