javascript九九乘法表(循环)

原理:利用循环嵌套的方法实现,等里面循环完毕后外面循环一次,直到外面循环完成

• 先写个样式

        <style>
            tr,td{
                padding:10px;
                border:1px solid green;
            }
            table{
                border:1px solid green;
            }
        </style>

第一种情况

1.jpg

                document.write('<table>');
                //行
                for(var i=1;i<=9;i++){
                    document.write('<tr>');
                    //列
                    for(var j=1;j<10;j++){
                        if(j<=i){
                        document.write('<td>'+i+'*'+j+'='+i*j+'</td>');
                        }else{
                            document.write('<td></td>');//空格
                        }

                    }
                    document.write('</tr>')
                }
                document.write('<table>');

第二种情况

2.jpg

                  document.write('<table>');
                //行
                for(var i=9;i>0;i--){
                    document.write('<tr>');
                    //列
                    for(var j=1;j<10;j++){
                        if(j<=i){
                            document.write('<td>'+i+'*'+j+'='+i*j+'</td>');
                        }else{
                            document.write('<td></td>');//空格
                        }
                    }
                    document.write('</tr>')
                }
                document.write('<table>');

第三种情况

3.jpg

                document.write('<table>');
                //行
                for(var i=1;i<10;i++){
                    document.write('<tr>');
                    //列
                    for(var j=9;j>0;j--){
                        if(j>i){
                        document.write('<td></td>');
                        }else{
                        document.write('<td>'+i+'*'+j+'='+i*j+'</td>');
                        }
                    }
                    document.write('</tr>')
                }
                document.write('<table>');

第四种情况

4.jpg

                document.write('<hr> <table>');
                //行
                for(var i=9;i>0;i--){
                    document.write('<tr>');
                    //列
                    for(var j=9;j>0;j--){
                        if(j>i){
                        document.write('<td></td>');
                        }else{

                        document.write('<td>'+i+'*'+j+'='+i*j+'</td>');
                        }
                    }
                    document.write('</tr>')
                }
                document.write('<table>');