js循环实现九九乘法表
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js循环实现九九乘法表相关的知识,希望对你有一定的参考价值。
js里面的循环是日常编程中用的最多的也是最基础的,我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。
本文只实现99乘法表,但是大家可以根据自己的喜好练习使用循环打印各种不同的形状,如正方形或者三角行等等。
打印99乘法表思路:
1,99乘法表一共九行九列,但是每行的列数是递增的。因此我们需要使用两个循环,一个是行循环,一个是列循环。
2,在用js拼接html内容时,单元格的循环是要嵌套在行的循环内的。
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> document.write("<table border=‘1‘;cellspacing=‘0‘;cellpadding=‘0‘>"); for(var i=1;i<10;i++){ document.write("<tr>"); for(var j=1;j<=i;j++){ document.write("<td>"); document.write(i + "*" + j + "=" + i*j) ; document.write("</td>"); } document.write("</tr>"); } document.write("</table>"); </script> </body> </html>
至于样式大家可以自己慢慢调即可。
本文出自 “10975329” 博客,请务必保留此出处http://10985329.blog.51cto.com/10975329/1897143
以上是关于js循环实现九九乘法表的主要内容,如果未能解决你的问题,请参考以下文章