99乘法表

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 
 9     <!--<table border='1'>-->
10         <!--<tr>-->
11             <!--<td>1*1=1</td>-->
12         <!--</tr>-->
13         <!--<tr>-->
14             <!--<td>1*2=2</td>-->
15             <!--<td>2*2=4</td>-->
16         <!--</tr>-->
17         <!--<tr>-->
18             <!--<td>1*3=3</td>-->
19             <!--<td>2*3=6</td>-->
20             <!--<td>3*3=9</td>-->
21         <!--</tr>-->
22     <!--</table>-->
23 
24 
25 <script>
26 
27     //需求：利用table标签输入99乘法表。
28     //思路：以前我们直接输出乘法表，现在我们利用tr和td标签输出，有了标签还有换行吗？不用换行了。
29     //步骤：
30     //1.table标签只需要输出一遍所以不需要for循环
31     //2.tr标签需要输出9遍所以放入for循环
32     //3.td标签需要45遍，而且还是三角形。所以我们利用双重for循环。
33 
34 
35     //1.table标签只需要输出一遍所以不需要for循环
36     document.write("<table border='1'>");
37     //2.tr标签需要输出9遍所以放入for循环
38     for(var i=1;i<=9;i++){
39         document.write("<tr>");
40         //3.td标签需要45遍，而且还是三角形。所以我们利用双重for循环。
41         for(var j=1;j<=i;j++){
42            document.write("<td>");
43            document.write(j+"*"+i+"="+j*i);
44            document.write("</td>");
45         }
46         document.write("</tr>");
47     }
48     document.write("</table>");
49 
50 </script>
51 </body>
52 </html>