首页 > 代码库 > js循环实现九九乘法表
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循环实现九九乘法表
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。