<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box"></div>
</body>
<script>
// ==========完成一个矩形打印功能===========
// *****
// *****
// *****
// *****
// *****
// 思路:1>先选择1~5的数值;
// 2>双层循环,外层循环控制行,内层循环控制列;
// 3>将"*"打印到页面;
// 1>选择1~5的数值;
// 2>双层循环,外层循环控制行;
for(var i=0;i<=5;i++){
// 内层循环控制列;
for(j=0;j<=5;j++){
// 将"*"打印到页面;
document.write("*");
}
document.write("<br>")
}
// 总结:1>双层循环的嵌套,一般适用于多行多列的结构
// 2>外层循环控制行;内层循环控制列。
// 3>i 和 j 的取值对应关系
// i0 j0 j1 j2 j3 j4 j5;
// i1 j0 j1 j2 j3 j4 j5;
// i2 j0 j1 j2 j3 j4 j5;
// i3 j0 j1 j2 j3 j4 j5;
// i4 j0 j1 j2 j3 j4 j5;
// i5 j0 j1 j2 j3 j4 j5;
// 4>和打印三角形的区别:i 和 j 没有关系,各有范围。
</script>
</html>