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>