时间戳

首页 > 解决方案 > (Javscript/HTML) 如何在嵌套循环中通过跳列使 JavaScript 显示乘法表？

javascript - (Javscript/HTML) 如何在嵌套循环中通过跳列使 JavaScript 显示乘法表？

问题描述

我打算将此显示为乘法表，但不幸的是，当循环达到 1x10 时，它会继续显示 2x1 等作为同一列的一部分，而不是移动到新列。

我的第一个循环只是水平线上方每一列的标签。这部分很好，之后的嵌套循环是我遇到问题的地方。

当 j 循环完成时，如何使循环跳转列？谢谢

<body>
    <pre>
    <script>


        for(i=1;i<11;i++)
        {
            document.write('\t\t'+i);
        }

        document.write("<hr>");


        for(i=1;i<11;i++)
            {
            for(j=1;j<11;j++)
                {
                document.write('\t\t'+i+'X'+j+'='+i*j);
                document.write("<br>");
                document.writeln("\n");
                }               
            }


    </script>
    </pre>
</body>

标签： javascripthtmlloops

解决方案

我建议您逐行打印，而不是像这样逐列打印：

<body>
    <pre>
    <script>


        for(i=1;i<11;i++)
        {
            document.write('\t\t'+i);
        }

        document.write("<hr>");


        for(i=1;i<11;i++)
            {
            for(j=1;j<11;j++)
                {
                document.write('\t\t'+j+'X'+i+'='+i*j);
                }   
            document.write("<br>");
            document.writeln("\n");
            }


    </script>
    </pre>
</body>

我想不出一种简单的方法可以仅使用 document.write 和 document.writeln 逐列完成。

推荐阅读