1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3  <head>
 4   <title> JS作业 </title>
 5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6   <script type="text/javascript" >
 7         var name = "张三疯";
 8         var sex = true;
 9         var age = 34;
10         var edu = "大专";
11         var time = "2005年7月";
12         var school = "北京科技大学";
13     //构建输出表格
14         var srt ="";
15         srt += '<table width="800" style="border-collapse:collapse;" border="1" cellspacing="0" cellpadding="5" align="center">';
16 
17         srt += '<tr>'
18         srt += '<td colspan="4" align="center"><h2><font color="#f00">'+name+'的基本资料</font></h2></td>'
19         srt += '</tr>'
20 
21         srt += '<tr>'
22         srt += '<td align="right"><b>性名: </b></td>'
23         srt += '<td>'+name+'</td>'
24         srt += '<td align="right"><b>性别: </b></td>'
25         srt += '<td>'+(sex ? '男':'女')+'</td>'
26         srt += '</tr>'
27         
28         srt += '<tr>'
29         srt += '<td align="right"><b>年龄: </b></td>'
30         srt += '<td>'+age+'岁</td>'
31         srt += '<td align="right"><b>学历: </b></td>'
32         srt += '<td>'+edu+'</td>'
33         srt += '</tr>'
34 
35         srt += '<tr>'
36         srt += '<td align="right"><b>毕业时间: </b></td>'
37         srt += '<td>'+time+'</td>'
38         srt += '<td align="right"><b>毕业学校: </b></td>'
39         srt += '<td>'+school+'</td>'
40         srt += '</tr>'
41 
42         srt += '</table>'
43 document.write(srt);
44   </script>
45  </head>
46 
47  <body>
48   
49  </body>
50 </html>
View Code

效果图: