javascript实现小九九乘法口诀 

 1 <!DOCTYPE html>
 2 <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4     <title>JavaScript九九乘法表</title>
 5 
 6     <style type="text/css">
 7         table{
 8             width:600px;         //表格height属性可设置可不设置,建议不设置
 9         border-collapse:separate;
10         }
11         table td{
12             border:#000000 1px solid;
13             text-align: center;    //使<td>标签中的内容居中显示，若是<th>标签，没有此行代码亦可自动居中
14         }
15     </style>
16 
17 </head>
18 <body>
19 
20 <script type="text/javascript">
21     //下面部分是核心代码
22 
23     document.write("<table>");      //<table></table>添加一个表格样式来显示乘法表
24     for (var x = 1; x <= 9; x++)
25     {
26         document.write("<tr>");     //<tr></tr>标签
27         for (var y = 1; y <= x; y++)
28         {
29             document.write("<td>"+y+"x"+x+"="+y*x+"</td>");//亦可用<th>标签来起到居中加粗内容的作用
30         }
31         document.write("</tr>");
32     }
33     document.write("</table>");
34 </script>
35 
36 </body>
37 </html>

循环嵌套的利用，内部循环的长度取决于当前外部循环的长度，由此可以扩展做很多事情

posted @ 2015-10-09 14:48  挥刀  阅读(463)  评论(0)  编辑  收藏  举报