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

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>

效果:

(复制的结果,没背景颜色。。)

这时,再点击进入查看器,会看到新生成的<table>标签:


猜你喜欢

转载自blog.csdn.net/qq_42062727/article/details/80218588