您的位置：首页 > 其它

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

2017-04-25 16:49 183 查看

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

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： for循环乘法口诀表三角形

相关文章推荐

新的分享

章节导航