九九乘法表怎么实现九九乘法表怎么做美观

导读相信目前很多小伙伴对于九九乘法表怎么实现都比较感兴趣，那么小搜今天在网上也是收集了一些与九九乘法表怎么实现相关的信息来分享给大家，...

文章插图
相信目前很多小伙伴对于九九乘法表怎么实现都比较感兴趣，那么小搜今天在网上也是收集了一些与九九乘法表怎么实现相关的信息来分享给大家，希望能够帮助到大家哦。
1、接下来，开始写js代码了。第一步，在head标签包含的title下面引入js代码，写在script标签里。然后直接用document.write输出一个table表格，并添加相应的样式。以便查看效果。如图所示：document.write("<tablestyle='border:4px solid green;margin:28px auto;padding: 18px;' >");
2、接着，通过两个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>");
3、然后，每循环一次再判断当前列数是不是小于等于行数，若成立，则打印出一个单元格，并给出其样式。格式为：行乘以列等于相应的值。if (j <= i)document.write("<td style='border:2px solid #004B8A; background: #FFFFFF;'>" + i + "*" + j + "=" + (i * j) + "</td>");//格式为行数乘以列数得两数之积elsedocument.write("<td style='border:none;'></td>");}
4、最后，打印出表格尾。完整的js代码如下。于是，形成了我们所看到的9行9列的效果。这样，简单的九九乘法表就完成了。右键，点击在浏览器中查看，结果如图：<script type="text/javascript">document.write("<tablestyle='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>");//格式为行数乘以列数得两数之积elsedocument.write("<td style='border:none;'></td>");}document.write("</tr>");}</script>附：关于C#如何实现九九乘法表，请查看（或者点击下面的“经验引用”链接）我的另一篇经验“C#实现九九乘法表”
【九九乘法表怎么实现九九乘法表怎么做美观】本文到此结束，希望对大家有所帮助。

九九乘法表怎么实现 九九乘法表怎么做美观

九九乘法表怎么实现九九乘法表怎么做美观