<!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> |