用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

循环嵌套练习

2014-08-04 作者: jun举报

[javascript]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>循环嵌套练习</title>
    <style type="text/css">
        table{
            border: 1px blue solid;
        }
        td{
            margin: 10px;
            padding: 10px;
        }
     
    </style>
   
  </head>
   
   
  <body>
    <script type="text/javascript">
        /*
            需求:要求在页面上显示九九乘法表
            1 * 1 = 1
            1 * 2 = 2  2 * 2 = 4
            1 * 3 = 3  2 * 3 = 6  3 * 3 = 9
             
            ....
             
            1 * 9 = 9 ................................ 9 * 9 = 81
             
            可以使用一个循环控制每一个行输出的数据,但是这样的数据又有多行,行数也需要循环来控制
            因此要完成这个程序,需要使用循环嵌套。
            要把页面上的数据进行格式化一下,可以使用表格。
        */
        //在还没有输出任何数据之前,前拼成表格第一个标签
        document.write("<table>");
        for( var i=1;i<=9;i++ ){
            //在每一行的开始都需要一个<tr>
            document.write("<tr>");
            for( var j=1 ; j<=i;j++ ){
                //这里是表格中的每个单元格
                document.write("<td>"+j +"*"+i+"="+ i*j +"</td>");
            }
            //在每一行的结束</tr>
            document.write("</tr>");
        }
        document.write("</table>");
     
     
     
    </script>
  </body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...