Code666 (代码贴、代码片段)

[JavaScript] 循环嵌套练习 →→→→→进入此内容的聊天室

来自 , 2019-07-24, 写在 JavaScript, 查看 113 次.
URL http://www.code666.cn/view/577ef115
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>循环嵌套练习</title>
  5.         <style type="text/css">
  6.                 table{
  7.                         border: 1px blue solid;
  8.                 }
  9.                 td{
  10.                         margin: 10px;
  11.                         padding: 10px;
  12.                 }
  13.        
  14.         </style>
  15.  
  16.   </head>
  17.  
  18.  
  19.   <body>
  20.         <script type="text/javascript">
  21.                 /*
  22.                         需求：要求在页面上显示九九乘法表
  23.                         1 * 1 = 1
  24.                         1 * 2 = 2  2 * 2 = 4
  25.                         1 * 3 = 3  2 * 3 = 6  3 * 3 = 9
  26.                        
  27.                         ....
  28.                        
  29.                         1 * 9 = 9 ................................ 9 * 9 = 81
  30.                        
  31.                         可以使用一个循环控制每一个行输出的数据，但是这样的数据又有多行，行数也需要循环来控制
  32.                         因此要完成这个程序，需要使用循环嵌套。
  33.                         要把页面上的数据进行格式化一下，可以使用表格。
  34.                 */
  35.                 //在还没有输出任何数据之前，前拼成表格第一个标签
  36.                 document.write("<table>");
  37.                 for( var i=1;i<=9;i++ ){
  38.                         //在每一行的开始都需要一个<tr>
  39.                         document.write("<tr>");
  40.                         for( var j=1 ; j<=i;j++ ){
  41.                                 //这里是表格中的每个单元格
  42.                                 document.write("<td>"+j +"*"+i+"="+ i*j +"</td>");
  43.                         }
  44.                         //在每一行的结束</tr>
  45.                         document.write("</tr>");
  46.                 }
  47.                 document.write("</table>");
  48.        
  49.        
  50.        
  51.         </script>
  52.   </body>
  53. </html>
  54.  

回复 "循环嵌套练习"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666