js循环实现九九乘法表
2017-02-12 21:53
204 查看
js里面的循环是日常编程中用的最多的也是最基础的,我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。
本文只实现99乘法表,但是大家可以根据自己的喜好练习使用循环打印各种不同的形状,如正方形或者三角行等等。
打印99乘法表思路:
1,99乘法表一共九行九列,但是每行的列数是递增的。因此我们需要使用两个循环,一个是行循环,一个是列循环。
2,在用js拼接html内容时,单元格的循环是要嵌套在行的循环内的。
代码如下:
本文只实现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>至于样式大家可以自己慢慢调即可。
相关文章推荐
- JS-用js的for循环实现九九乘法表以及其他算数题等
- marquee (垂直)循环滚动的js实现
- Scroll text - JS实现文字自动循环滚动效果
- Node.js中实现文件的循环写入
- 单层循环实现100行10列的输出(js实现)
- js实现循环执行某一方法
- JS实现定时循环上翻
- jQuery及JS实现循环中暂停的方法
- 用marquee和div+js实现首尾相连循环滚动效果
- JS实现div内部的文字或图片自动循环滚动
- js实现列表无间隙循环滚动
- js实现图片左右循环滚动
- 分别用marquee和div+js实现首尾相连循环滚动效果
- 用marquee和div+js实现首尾相连循环滚动
- JS实现div内部的文字或图片自动循环滚动代码
- marquee (水平)循环滚动的js实现
- 分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
- js定时循环实现秒表
- js、jquery实现文字由下到上循环滚动
- jquery 实现Ajax,JS 循环遍历JSON数据