Hello Blog Garden-九九乘法表

 通过双重for循环写九九乘法表的时候我发现不使用换行看起来一点也不像乘法表，后来我通过在页面上打印表格，形成行和列的方式打印出了比较美观的效果。代码如下：

<script>
　　// 使用document.write()在页面打印内容的时候会覆盖原有页面其他内容
        document.write("<table>");
        for (var i = 1; i < 10; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(i + "*" + j + "=" + i * j);             
                document.write("</td>");
            }
            document.write("</tr>")
        }
        document.write("</table>")
 </script>

 

效果如下（页面截图）

　　当然也可以使用<br/>换行的方式，但缺点是不美观，为了使其美观一点我选择添加了&nbsp;&nbsp;使其增加空格，但不推荐使用&nbsp;      优点是代码少

<script>
        for (var i = 1; i < 10; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(i + "*" + j + "=" + i * j);
                document.write("&nbsp;&nbsp;&nbsp;");
            }
            document.write("<br/>");
        }
</script>

效果如下（页面截图）

菜鸟进阶之路，欢迎批评教育          2019-09-21  17:11:08