javascript实现小九九乘法口诀

最新推荐文章于 2022-03-07 13:22:00 发布

weixin_34162695

最新推荐文章于 2022-03-07 13:22:00 发布

阅读量178

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/suoking/p/4863946.html

版权

 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>

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

转载于:https://www.cnblogs.com/suoking/p/4863946.html

weixin_34162695

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript实现小九九乘法口诀

1 <!DOCTYPE html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 4 <title>JavaScript九九乘法表</title> 5 6 <sty...
复制链接

扫一扫