前端笔记61——循环嵌套

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengxu_kuangrexintu/article/details/86113636

前言

前面有学到for循环、while循环、do…while循环,这里分享一下在开发中会遇到的循环嵌套循环,主要以for循环为例子。

例子1

在这里插入图片描述
在网页中,打印上面出现的1-5形式。代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<script type="text/javascript">
			for(var i = 1; i <= 5; i++) {
				for(var j = 1; j <= i; j++) {
					document.write(i)
				}
				document.write("<br />")
			}
		</script>
	</body>
</html>

例子2:九九乘法口诀

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i =1; i<=9;i++) {
				for (var j = 1;j<=i;j++) {
					document.write(i+"*"+j+"="+i*j+"&nbsp;&nbsp;")
				}
				document.write("<br />")
			}
		</script>
	</body>
</html>

具体的效果,需要小伙伴们复制在编译中运行就知道了。代码中的&nbsp;是空格的意思。

猜你喜欢

转载自blog.csdn.net/chengxu_kuangrexintu/article/details/86113636