<script type="text/javascript">
/*
* 打印99乘法表
* 1*1=1
* 1*2=2 1*3=3
* ....
* 外层for循环
* 在九九乘法表中最小相乘数是 1，那在创建条件表达式时，要设置的值为 1，
* 九九乘法表最大的相乘数是 9，所以在for循环中需要以 9 为最大数，
*
* 内层for循环
* 和外层循环基本是一样的，最小相乘数是 1，最大的相乘数需要用 i 来代替，
* 为什么要用 i 来代替，是因为内层循环是控制乘法表的宽度，所以需要 i 来代替。
*
* 外层循环一次 i 的值是 1，内层循环根据 i 的值，来循环次数，也就是说 i 值是 1 ，内层循环一次，
* i 值是 2，内层循环两次，i 值是 3，内层循环三次，以此类推直至到 i 的值是最大数时停止循环
*/
//创建外层循环，用来控制乘法表的高度
for(var i = 1; i <= 9; i++) {
//创建一个内层循环来控制乘法表的宽度
for(var j = 1; j <= i; j++) {
/*
* 如果不是很清楚，可以在这里打印一下 i 和 j 的值是多少
*/
alert('i：'+i+'; j:'+j);
/*
* 在向页面输出时，如何显示成 1*1=1；1*2=2；1*3=3；
* 这里就需要拼接来完成左后的工作，如何拼接，首先要知道相乘的第一个数是从哪里获取
* 要想获取第一个数，那么就要先来看看外层for循环的条件变量 i，当 i 的值是1，那内层就循环1次，
* 当 i 的值是 2，那内层就循环2次。而内层循环 j 每次在循环时都需要从 1 才是循环，所以相乘的
* 第一个数需要设置为 j ，相乘的第二个数需要设置为 i 。等号后面的结果需要写 i 乘以 j的和
*
*/
document.write('<span>' + j + "*" + i + '=' + i * j + '</span>');
}
document.write('<br />');
}
</script>
<style type="text/css">
body {
width: 1200px;
margin: auto;
}
span {
display: inline-block;
width: 80px;
}
</style>JS基础 -- 嵌套for循环练习
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
