九九乘法表怎么实现
来源:网络收集 点击: 时间:2024-03-15本方法是用前端流行的javascript语言实现。前端用到的编辑器有很多,本例通过选择Sublime Text3编辑器来实现九九乘法表。首先打开电脑中安装的Sublime Text3,新建demo文件夹用来存放文件,在里面新建一个html文件,并命名标题。如图所示:


接下来,开始写js代码了。第一步,在head标签包含的title下面引入js代码,写在script标签里。然后直接用document.write输出一个table表格,并添加相应的样式。以便查看效果。如图所示:
document.write(table style=border:4px solid green;margin:28px auto;padding: 18px; );

接着,通过两个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);

然后,每循环一次再判断当前列数是不是小于等于行数,若成立,则打印出一个单元格,并给出其样式。格式为:行乘以列等于相应的值。
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);
}

最后,打印出表格尾。完整的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#实现九九乘法表”

实例中的方法与其他语言的实现方法是一样的,读者可以自己实践验证。
关于C#如何实现九九乘法表,请查看我的另一篇经验“C#实现九九乘法表”
如果您觉得这篇经验对您有帮助,麻烦给小编点个赞,投个票,添加关注或收藏本经验以便找到更多我的经验。当然,您也可以点击右下方的双箭头分享给好友。感谢您的支持!
理工学科九九乘法表代码学习编程版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_354388.html