js 两种方法打印九九乘法表

最新推荐文章于 2025-06-22 22:35:36 发布

多云转晴ing

最新推荐文章于 2025-06-22 22:35:36 发布

阅读量5.1w

点赞数 27

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript 循环语句函数

本文链接：https://blog.csdn.net/qq_42062727/article/details/80218588

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文通过两个示例展示了如何使用JavaScript来生成九九乘法表，第一个示例使用了传统的for循环嵌套，第二个示例则通过定义函数并利用HTML的table标签实现了更加美观的展示方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1> 循环嵌套：

<script>
  var i , j;
            for(i = 1;i <= 9;i ++){
                document.write("<br>");               // i 为行的乘数，j 为列数  每一行打印完后换行
                for(j = 1;j <= i;j ++){
                    sum = i * j;
                    document.write(i ,"*",j ,"=",sum,"   ");     // 使 "i" 和 "j" 能打印出来
                }
            }
</script>

效果：

2> 使用函数写一个table包裹的乘法表：

<script>
    function cfb(){
                  var bg = "<table>";
                  for(var i = 1;i <= 9;i ++){
                      bg += "<tr>";
                      for(var j = 1;j <= i;j ++){
                          bg += "<td>" + i + "*" + j + "=" + i * j + "</td>";
                      }
                      bg += "</td>";
                  }
                  bg += "</table>";
                  document.write(bg);
              }
              cfb();
</script>

效果：

（复制的结果，没背景颜色。。）