<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: yellow;
display: inline-block;
margin: 2px;
}
</style>
</head>
<body>
<script type="text/javascript">
// document.write(); 文档写入
// document.write("这是一首简单的小情歌");
//外层循坏控制几行,内层循环控制一行如何打印
// 循环三次
for (var j = 0; j < 3; j++) {
// 打印3个div
for (var i = 0; i < 3; i++) {
document.write("<div>" + (i + 1) + "</div>");
}
document.write("<br />");
}
// 阶梯
for (var j = 0; j < 3; j++) {
// 打印3个div
for (var i = 0; i < j + 1; i++) {
document.write("<div>" + (i + 1) + "</div>");
}
document.write("<br />");
}
</script>
</body>
</html>