[javascript]代码库
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>循环嵌套练习</title>
<style type="text/css">
table{
border: 1px blue solid;
}
td{
margin: 10px;
padding: 10px;
}
</style>
</head>
<body>
<script type="text/javascript">
/*
需求:要求在页面上显示九九乘法表
1 * 1 = 1
1 * 2 = 2 2 * 2 = 4
1 * 3 = 3 2 * 3 = 6 3 * 3 = 9
....
1 * 9 = 9 ................................ 9 * 9 = 81
可以使用一个循环控制每一个行输出的数据,但是这样的数据又有多行,行数也需要循环来控制
因此要完成这个程序,需要使用循环嵌套。
要把页面上的数据进行格式化一下,可以使用表格。
*/
//在还没有输出任何数据之前,前拼成表格第一个标签
document.write("<table>");
for( var i=1;i<=9;i++ ){
//在每一行的开始都需要一个<tr>
document.write("<tr>");
for( var j=1 ; j<=i;j++ ){
//这里是表格中的每个单元格
document.write("<td>"+j +"*"+i+"="+ i*j +"</td>");
}
//在每一行的结束</tr>
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>