九九乘法表怎样做，九九乘法表怎么实现

对于九九乘法表怎样做，九九乘法表怎么实现，很多网友还不是很明白，今天艾巴小编收集了这方面的知识，就将其分享出来。

操作方法：

01该方法前端使用流行的javascript语言实现。前端使用的编辑器有很多。本例中选择Sublime Text3编辑器来实现乘法表。首先，打开电脑上安装的Sublime Text3，新建一个demo文件夹来存放文件，在里面新建一个html文件，并命名为标题。

02 接下来开始编写js代码。第一步，在head标签包含的标题下引入js代码，写在script标签中。然后直接使用document.write输出一个表格并添加相应的样式。看看效果。document.write('表格样式='边框：4px纯绿色；边距：28px auto;padding:18px;' ');

03接下来用两个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' ）；

04 然后，每次循环都会判断当前的列数是否小于等于行数。如果为真，则打印出一个单元格并给出其样式。格式为：行乘列等于对应的值。 if (j=i)document.write('td style='border:2pxsolid #004B8A; 背景：#FFFFFF;'' + i + '*' + j + '=' + (i * j) + '/TD'）； //格式是行数乘以列数，得到两个数字的乘积elsedocument.write('td style='border:none;'/td');}

05最后，打印出表格末尾。完整的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 ;背景：#FFFFFF;'' + i + '*' + j + '=' + (i * j) + '/td'); //格式是行数乘以列数得到的两个数字的乘积elsedocument.write('td style='border:none;'/td');}document.write('/tr ');}/脚本附件：关于如何在C#中实现乘法表，请查看（或点击下面的“经验参考”链接）我的另一条经验《在C#中实现乘法表》

以上知识分享到此为止，希望能够帮助到大家！