零基础建站培训介绍

当前位置:

js打印99乘法表(正序和倒序)

js在我们自己做网站过程中经常用到一些特效。我们在学习js时,需要熟练的掌握一些JS的使用方法。

下面介绍一下通过JS打印出99乘法表的方法。先看下 js打印出的99乘法表的效果图:

 js打印99乘法表

js打印99乘法表的代码:

<script type="text/javascript">
document.write('<table cellpadding="0" cellspacing="0" border="1" bgcolor="#06c" width="500px">');
document.write('<tbody>');
for(var i=1;i<=9;i++){
document.write('<tr>')
for(var j=1;j<=i;j++){
document.write('<td>'+j+'*'+i+'='+(i*j)+'</td>')
}
document.write('</tr>')
}
document.write('</tbody>');
document.write('</table>');
</script>

代码介绍:

通过JS的FOR循环来打印出9行,再通过内循环打印出9列。

除此之外,我们还可以打印出倒序的99乘法表。效果如下图:

倒序的99乘法表

倒序的99乘法表代码如下:

<script type="text/javascript">
document.write('<table cellpadding="0" cellspacing="0" border="1" bgcolor="#06c" width="500px">');
document.write('<tbody>');
for(var i=9;i>=1;i--){
document.write('<tr>')
for(var j=1;j<=i;j++){
document.write('<td>'+i+'*'+j+'='+(i*j)+'</td>')
}
document.write('</tr>')
}
document.write('</tbody>');
document.write('</table>');
</script>
上一课: 下一课:

发表评论