for循环练习，乘法口诀表和三角形。

来源：互联网发布：abb仿真软件track 编辑：程序博客网时间：2024/05/21 06:03

由于前几天写循环，第七个的时候我自己被套住了，所以复习下，下面是以前老师讲循环的几个例子。源码拿走不谢。

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>for循环练习</title><style>        table{            width: 100%;            border-collapse: collapse;        }        td{            border: 1px solid red;            padding:10px;        }    </style></head><body><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">//方式一for(var i = 1; i <10; i ++){        for(var s = 1; s <= i; s++){//            这里让s <= i;是因为要让里面的循环变量随着外面的变量值而变化//              比如外面的循环s是从1到9,里面的也是从1到9,当外面循环一次,第二次的时候就从2开始循环,//              那么里面的循环就不能从1开始了,否则就重复了,所以里面的变量要比外面的大,第二次开始就//               是2X2=4开始了,第三次就是3X3=9了.            if(i*s< 10){//          iXs<10,是为了给结果加空格,看看结果就知道,有个位数和十位数,加了空格符是为了让他们每一列对齐.                document.write(" "+ s +"X" +i+"="+(i*s)+" ")            }else{                document.write(" "+ s +"X" +i+"="+(i*s))            }        }        document.write("<br/>")    }//----------------//方式二//  实际拼接后的内容是:<table><tr><td>Y*X=XY</td></tr></table>//                  <table><tr><td>2*1=2</td></tr></table>//                  <table><tr><td>2*2=4</td></tr></table>        var txt = "<table>"//  表格的开头不在循环内    for(var x = 1; x < 10;x++){        txt = txt + "<tr>"//      tr是行        for(var y = 1;y < 10;y++){            if(x >= y){//          这里之所以让x>=y是因为要让里面的循环变量随着外面的变量值而变化//              比如外面的循环X是从1到9,里面的也是从1到9,当外面循环一次,第二次的时候就从2开始循环,//              那么里面的循环就不能从1开始了,否则就重复了,所以里面的变量要比外面的大,第二次开始就//               是2X2=4开始了,第三次就是3X3=9了.                txt = txt + "<td>"                txt = txt + y + " × " + x + " = " + x*y                txt = txt + "</td>"//              td是列            }        }        txt = txt + "</tr>"    }    txt = txt + "</table>"//  表格的结尾不在循环内    document.write(txt)//---------------//三角形var x = 10;    var txt = "";    for(var i=x;i>=1;i--){        //输出x - i        for(var k = 0;k<(x-i);k++){            txt = txt + " ";        }        for(var k = 0;k<(2*i-1);k++){            txt = txt + "■";        }        for(var k = 0;k<(x-i);k++){            txt = txt + " ";        }        txt = txt + "<br>"    }    document.write(txt)</script></body></html>

0 0