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>
至于样式大家可以自己慢慢调即可。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。