99乘法表

最新推荐文章于 2018-09-27 18:26:53 发布

前端小白笔记

最新推荐文章于 2018-09-27 18:26:53 发布

阅读量348

点赞数

文章标签： JS

本文链接：https://blog.csdn.net/leiqiang12/article/details/81323421

版权

1、使用两个for循环，使得第一个for循环执行一次，则第二个for循环执行9，输出结果：

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

这时我们得到的结果是有81个公式，但排列在一行：

2、先加一个if语句，使得每行排列9个公式：

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

3、去掉多余的公式：

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

效果如下：

还可以使用字符拼接达到效果：

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

效果如下：