1. 程式人生 > >[Js高手之路第一部]JavaScript上百例實戰【新版】_8 javascript二重循環,break與continue語句

[Js高手之路第一部]JavaScript上百例實戰【新版】_8 javascript二重循環,break與continue語句

lang har TP 新版 asc doc amp ont spa

輸出5行5列的表格

使用二重循環實現

技術分享圖片

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         table {
 8             /*合並單元格之間的線*/
 9             border-collapse: collapse;
10         }
11         th,td {
12 border: 1px solid #ccc; 13 padding: 5px; 14 width: 50px; 15 height: 50px; 16 } 17 </style> 18 <script> 19 //輸出5行5列的表格 20 document.write("<table>"); 21 for (var i=0;i<5;i++) { 22 document.write("<tr>");
23 for (var j=0;j<5;j++) { 24 document.write("<td>&nbsp;</td>"); 25 } 26 document.write("</tr>"); 27 } 28 document.write("</table>"); 29 </script> 30 </head> 31 <body> 32 33 </body> 34
</html>

[Js高手之路第一部]JavaScript上百例實戰【新版】_8 javascript二重循環,break與continue語句