微信扫一扫打赏支持

JavaScript--练习1--99乘法表

JavaScript--练习1--99乘法表

一、心得

 

二、代码

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=GBK">
 5         <title>Untitled Document</title>
 6         <link rel="stylesheet" href="table.css"/>
 7     </head>
 8     <body>
 9         
10         <script type="text/javascript">
11             /*
12              * 练习：在页面中显示一个99乘法表。
13              * 
14              */
15             document.write("<table>");//html制表
16             for(var x=1; x<=9; x++){
17                 document.write("<tr>");
18                 for(var y=1; y<=x; y++){
19                     document.write("<td>"+y+"*"+x+"="+y*x+"</td>");
20                 }
21                 document.write("</tr>");
22             }
23             document.write("</table>");
24             
25             
26             
27         </script>
28     </body>
29 </html>

table.css中的内容
1 table,table td{
2     border: #0000ff double 1px;
3     width:600px;
4 }

如果不加css的话，没有边线和600px

posted @ 2017-06-21 16:28  范仁义  阅读(778)  评论(3)  编辑  收藏  举报