首页 > 代码库 > js 表格实现
js 表格实现
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>张三疯个人简历</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var name = "张三丰"; 10 var sex = true; 11 var age = 34; 12 var edu = "大专"; 13 var time = "2005年7月"; 14 var school = "北京科技大学"; 15 16 var str = ""; 17 str += ‘<table width="500" style="border-collapse:collapse;" border="1" cellspacing="0" cellpadding="2">‘; 18 str += ‘ <tr>‘; 19 str += ‘ <td colspan="4" align="center"><h2><font color="#FF0000">‘+name+‘的个人简介</font></h2></td>‘; 20 str += ‘ </tr>‘; 21 str += ‘ <tr>‘; 22 str += ‘ <td align="right"><b>姓名：</b></td>‘; 23 str += ‘ <td>‘+name+‘</td>‘; 24 str += ‘ <td align="right"><b>性别：</b></td>‘; 25 str += ‘ <td>‘+(sex ? ‘男‘ : "女" )+‘</td>‘; 26 str += ‘ </tr>‘; 27 str += ‘ <tr>‘; 28 str += ‘ <td align="right"><b>年龄：</b></td>‘; 29 str += ‘ <td>‘+age+‘</td>‘; 30 str += ‘ <td align="right"><b>学历：</b></td>‘; 31 str += ‘ <td>‘+edu+‘</td>‘; 32 str += ‘ </tr>‘; 33 str += ‘ <tr>‘; 34 str += ‘ <td align="right"><b>毕业时间：</b></td>‘; 35 str += ‘ <td>‘+time+‘</td>‘; 36 str += ‘ <td align="right"><b>毕业院校：</b></td>‘; 37 str += ‘ <td>‘+school+‘</td>‘; 38 str += ‘ </tr>‘; 39 str += ‘</table>‘; 40 document.write(str); 41 </script> 42 </body> 43 </html>
效果图
js 表格实现
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。