1、 本方法是用前端流行的javascript语言实现。前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来实现九九乘法表。首先打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个html文件，并命名标题。如图所示：
2、 接下来，开始写js代码了。第一步，在head标签包含的title下面引入js代码，写在script标签里。然后直接用document.write输出一个table表格，并添加相应的样式。以便查看效果。如图所示： document.write("<table style='border:4px solid green;margin:28px auto;padding: 18px;' >");
3、 接着，通过两个for循环嵌套，分别来控制行数与列数。i控制行墙绅褡孛数,即从1行至9行循环; j控制坐逃缥卯列数，即从1列至第9列。再输出表格行tr,来包围内部for循环，从而控制列数。就这样按照这个规律依次循环。代码如下： for (var i = 1; i < 10; i++) { //控制行数,即从1行至9行 document.write("<tr>"); for (var j = 1; j < 10; j++) { //j控制列数，即随着行数增加 document.write("</tr>"); } document.write("</table>");
4、 然后，每循环一次再判断当前列数是不是小于等于行数，若成立，则龅歧仲半打印出一个单元格，并给出其样式。格式为：行乘以列等于相应的值。 i熠硒勘唏f (j <= i) document.write("<td style='border:2px solid #004B8A; background: #FFFFFF;'>" + i + "*" + j + "=" + (i * j) + "</td>"); //格式为行数乘以列数得两数之积 else document.write("<td style='border:none;'></td>"); }
5、 最后，打印出表格尾。完整的js代码如下。于是，形成了我们所看到的9行9列的效果。这样，简单的九九乘法表就完成了。右键，点击在徽涕濠铿浏览器中查看，结果如图： <script type="text/javascript"> document.write("<table style='border:4px solid green;margin:28px auto;padding: 18px;' >"); for (var i = 1; i < 10; i++) { //控制行数,即从1行至9行 document.write("<tr>"); for (var j = 1; j < 10; j++) { //j控制列数，即随着行数增加 if (j <= i) document.write("<td style='border:2px solid #004B8A; background: #FFFFFF;'>" + i + "*" + j + "=" + (i * j) + "</td>"); //格式为行数乘以列数得两数之积 else document.write("<td style='border:none;'></td>"); } document.write("</tr>"); } </script> 附：关于C#如何实现九九乘法表，请查看（或者点击下面的“经验引用”链接）我的另一篇经验“C#实现九九乘法表”
