JavaScript入门笔记(二):流程控制语句for练习案例:99乘法表

作者: JONE 分类: 编程 发布时间: 2017-06-30 22:05

使用for循环输出一个9行9列的表格

    <script type="text/javascript">
        //使用for循环输出一个9行一列的表格
        //我们要得到一个9行一列的表格 就得对表格中的行进行循环  循环9次 
        /*
            99乘法表中的行数与列数之间有什么关系  
            第一行只有一列 
            第二行有2列
            第三行有3列
            ...........

         */
        //①变量初始化
        var str = "<table width='600' align='center' border='1'>";
        //这里涉及到两层循环的嵌套   外层的for循环它是用于来控制表格中的行
        
        //②for循环结构
        for(var i=1;i<=9;i++){   //  i=2 2<=9   
            str += "<tr>";
            for(var j=1;j<=i;j++){ //  j=2  2<=2  内层的for循环是用来控制表格中的列数   
                str += "<td>"+ j +"&times;"+ i +"="+ i*j +"</td>";
            }
            str += "</tr>";
        }            
        str += "</table>";

        //③输出结果
        document.write(str);
    </script>