for循环用js写的demo 九九乘法表和1-10之和

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

</body>
<script>

/*说起循环语句，肯定会让人想起for循环，那我们就来了解一些for循环的demo吧*/

/*1-10之和*/
/*var num1 = 0 ;
for (var i=1;i<11;i++) {
num1 = num1 + i;
}
alert(num1);*/



/*九九乘法表
相对于1-10求和不同是九九乘法表要用到两层for循环能让人更深入的理解for循环

* 用js构建九九乘法表，首先是要明确怎么构建
* 1.首先要在页面上构建一个表格，我用的是document.write构建一个table
* 2.因为在每个乘法式会在一个个td内，所以要构建tr td，那么就利用for循环构建 tr td
* 3.第一层for循环内构建 “行（tr）” 和第一个变量的循环条件
* 4.第二层for循环要构建 “列（td）” 和第二个变量的循环条件
* 5.注意第二层内的循环变量 "j" 的循环条件，如果是"j<10"，那么它会会有上半部重复的现象，而选择"j<=i"则没有重复
* */

document.write("<table border='1' width='500'>");
for (var i = 1;i<10;i++) {

document.write("<tr>");


for (var j = 1;j<=i;j++) {

document.write("<td>");


document.write( i + "*" + j + "=" );//是输出 “一个格式（1*2=2）” 字符串拼接
document.write( i * j ); //是输出值值


document.write("</td>");
}


document.write("</tr>");

}
document.write("</table>")


</script>

</html>

posted @ 2017-04-17 19:01  胖子在听风  阅读(403)  评论(1)    收藏  举报