JS基础 -- 嵌套for循环练习

<script type="text/javascript">
        /*
         * 打印99乘法表
         * 1*1=1
         * 1*2=2 1*3=3
         * ....
         * 外层for循环
         * 在九九乘法表中最小相乘数是 1，那在创建条件表达式时，要设置的值为 1，
         * 九九乘法表最大的相乘数是 9，所以在for循环中需要以 9 为最大数，
         * 
         * 内层for循环
         * 和外层循环基本是一样的，最小相乘数是 1，最大的相乘数需要用 i 来代替，
         * 为什么要用 i 来代替，是因为内层循环是控制乘法表的宽度，所以需要 i 来代替。
         * 
         * 外层循环一次 i 的值是 1，内层循环根据 i 的值，来循环次数，也就是说 i 值是 1 ，内层循环一次，
         * i 值是 2，内层循环两次，i 值是 3，内层循环三次，以此类推直至到 i 的值是最大数时停止循环
         */
        //创建外层循环，用来控制乘法表的高度
        for(var i = 1; i <= 9; i++) {
            //创建一个内层循环来控制乘法表的宽度
            for(var j = 1; j <= i; j++) {
                /*
                 * 如果不是很清楚，可以在这里打印一下 i 和 j 的值是多少
                 */
                alert('i：'+i+'; j:'+j);
                /*
                 * 在向页面输出时，如何显示成 1*1=1；1*2=2；1*3=3；
                 * 这里就需要拼接来完成左后的工作，如何拼接，首先要知道相乘的第一个数是从哪里获取
                 * 要想获取第一个数，那么就要先来看看外层for循环的条件变量 i，当 i 的值是1，那内层就循环1次，
                 * 当 i 的值是 2，那内层就循环2次。而内层循环 j 每次在循环时都需要从 1 才是循环，所以相乘的
                 * 第一个数需要设置为 j ，相乘的第二个数需要设置为 i 。等号后面的结果需要写 i 乘以 j的和
                 * 
                 */
                document.write('<span>' + j + "*" + i + '=' + i * j + '</span>');
            }
            document.write('<br />');
        }
    </script>
    <style type="text/css">
        body {
            width: 1200px;
            margin: auto;
        }
        
        span {
            display: inline-block;
            width: 80px;
        }
    </style>