上QQ阅读APP看书，第一时间看更新
2.4 编程实践：输出数字图形
本节综合应用本章所学知识，在浏览器中输出图2-25所示的数字图形。
图2-25 在浏览器中输出数字图形
具体操作步骤如下。
（1）在Visual Studio中选择“文件\新建\文件”命令，创建一个新的HTML文件。
（2）修改HTML文件，代码如下。
…
<body>
<script>
for (i = 1; i <= 9; i++) {
//输出每行前面的空格，空格用“ ”表示，避免被浏览器忽略
for (j = 1; j < 50 - i*2; j++)
document.write(" ")
//输出每行中的数字
for (j = i ; j > 1; j--)
document.write(j)
for (j = 1; j <= i; j++)
document.write(j)
document.write("<br>")
}
for (i = 8; i >= 1; i--) {
for (j = 1; j < 50 - i * 2; j++)
document.write(" ")
for (j = i; j > 1; j--)
document.write(j)
for (j = 1; j <= i; j++)
document.write(j)
document.write("<br>")
}
</script>
</body>
</html>
（3）按【Ctrl+S】组合键保存HTML文件，文件名为test2-21.html。
（4）按【Ctrl+Shift+W】组合键，打开浏览器，查看HTML文件显示结果。