[Js高手之路第一部]JavaScript上百例实战新版_8 javascript二重循环,break与continue语句

Posted denggelin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[Js高手之路第一部]JavaScript上百例实战新版_8 javascript二重循环,break与continue语句相关的知识，希望对你有一定的参考价值。

 

输出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语句的主要内容，如果未能解决你的问题，请参考以下文章

[Js高手之路第一部]JavaScript上百例实战新版_1 js代码三种书写方式

[Js高手之路第一部]JavaScript上百例实战新版_2 javascript变量命名&使用规则

[Js高手之路第一部]JavaScript上百例实战新版_8 javascript二重循环,break与continue语句

[Js高手之路第一部]JavaScript上百例实战新版_20 读取样式与className和屏蔽空的锚

[Js高手之路第一部]JavaScript上百例实战新版_9 javascript二重循环乘法表与n行n列的表格

[js高手之路] javascript面向对象写法与应用