<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>张三疯个人简历</title>

 </head>

 <body>

     <script type="text/javascript">

         var name = "张三丰";

         var sex = true;

         var age = 34;

         var edu = "大专";

         var time = "2005年7月";

         var school = "北京科技大学";

         var str = "";

             str += '<table width="500" style="border-collapse:collapse;" border="1" cellspacing="0" cellpadding="2">';

             str += '  <tr>';

             str += '    <td colspan="4" align="center"><h2><font color="#FF0000">'+name+'的个人简介</font></h2></td>';

             str += '  </tr>';

             str += '  <tr>';

             str += '    <td align="right"><b>姓名：</b></td>';

             str += '    <td>'+name+'</td>';

             str += '    <td align="right"><b>性别：</b></td>';

             str += '    <td>'+(sex ? '男' : "女" )+'</td>';

             str += '  </tr>';

             str += '  <tr>';

             str += '    <td align="right"><b>年龄：</b></td>';

             str += '    <td>'+age+'</td>';

             str += '    <td align="right"><b>学历：</b></td>';

             str += '    <td>'+edu+'</td>';

             str += '  </tr>';

             str += '  <tr>';

             str += '    <td align="right"><b>毕业时间：</b></td>';

             str += '    <td>'+time+'</td>';

             str += '    <td align="right"><b>毕业院校：</b></td>';

             str += '    <td>'+school+'</td>';

             str += '  </tr>';

             str += '</table>';

         document.write(str);

     </script>

 </body>

 </html>

效果图

js 表格实现的更多相关文章

  1. js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable

    js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable 一.总结 一句话总结:bootstrap能够做为最火的框架,绝对不仅仅只有我看到的位置,它应该还有很多位置可 ...

  2. js 表格操作----添加删除

    js 表格操作----添加删除 书名:<input type="text" id="name"> 价格:<input type="t ...

  3. slickgrid 一个优秀的JS表格插件

    从熟悉JS以来,慢慢的喜欢上了这个门语言. 不自觉的,看了好多js的知识,可能也是因为做项目的原因吧. 这里稍微说下一个JS的grid插件 --slickgrid 了解这个插件也不是很多,稍微了解了下 ...

  4. JS表格分页(封装版)

    HTML代码: <html> <head> <meta charset='utf-8'> <script type="text/javascript ...

  5. 三.jquery.datatables.js表格编辑与删除

    1.为了使用如图效果(即将按钮放入行内http://www.datatables.net/examples/ajax/null_data_source.html) 采用了另一个数据格式 2.后台php ...

  6. JS表格分页组件：fupage的设计思路和详细使用方法(未来考虑开源,争取在2015年）

    一.背景         之前在秒针工作的时候,某js高级project师写了非常多自己的组件.当中一套是分页组件.叫做st-grid. 只是在我看来,bug太多.我常常给他反馈bug,我也不清楚为啥 ...

  7. js表格隔行换色和hover效果

    <!--js效果--> <script src="js/jquery.min.js" language="javascript">< ...

  8. JS表格分页组件：fupage的设计思路和具体用法(未来考虑开源,争取在2015年）

    一.背景         之前在秒针工作的时候,某js高级工程师写了很多自己的组件,其中一套是分页组件,叫做st-grid.不过在我看来,bug太多,我经常给他反馈bug,我也不清楚为啥别人没有发现. ...

  9. JS表格排序

    var employees = [] employees[0] = { name: "George", age: 32, retiredate: "March 12, 2 ...

  10. js 表格操作(兼容模式

    用insertRow,insertRow操作表格时,发现在谷歌浏览器中顺序和IE是反的 // 表格新增行 function addTableRow($id,$arr,$rowAttr){ var ta ...

随机推荐

  1. 35 个 Java 代码性能优化总结

    前言 代码优化,一个很重要的课题.可能有些人觉得没用,一些细小的地方有什么好修改的,改与不改对于代码的运行效率有什么影响呢?这个问题我是这么考虑的,就像大海里面的鲸鱼一样,它吃一条小虾米有用吗?没用, ...

  2. Linux 命令行模式 你需要知道的那些事

    注: 安装软件 pip install + 软件名  例如: pip install xadmin 卸载软件 pip uninstall + 软件名 例如 pip uninstall xadmin 安 ...

  3. $.map和$.extend来复制数组（OA差旅）

    $.map:对数组的每个元素调用定义的回调函数并返回包含结果的数组. 对数组用指定的方法. //将原数组中每个元素加 4 转换为一个新数组. //jQuery 代码: $.map( [0,1,2], ...

  4. C#遍历指定文件夹中的所有文件和子文件夹

    参考:http://www.cnblogs.com/skylaugh/archive/2012/09/23/2698850.html DirectoryInfo TheFolder=new Direc ...

  5. Squid 和 SNAT 上网

    方法1 , squid (具体配置如之前的记录) 代理机上安装squid软件 apt-get install squid service squid3 start 在被代理机上配置代理环境 vi /e ...

  6. angular 实现tab切换（循环输出tab标题及tab下属内容，非direct,非include）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...

  7. 支持无限精度无限大数的类BigNumber实现

    介绍 本篇是MathAssist的第二篇,在前言中粗略地展示了MathAssist的“计算和证明”能力,本篇开始将详细介绍其实现原理. 从计算开始说起,要实现任意大数的计算器首先得有一个类支持大数运算 ...

  8. [Linux] -Docker修改空间大小

    Docker默认空间大小分为两个,一个是池空间大小,另一个是容器空间大小. 池空间大小默认为:100G 容器空间大小默认为是:10G 所以修改空间大小也分为两个: 这里使用centos下的yum进行安 ...

  9. IQueryable join 的问题

    //定义OrderDetailsTable model类public class OrderDetailsTable { public int OrderID { get; set; } public ...

  10. [zz]利用碎片时间健身

    利用碎片时间健身(上) http://v.163.com/zixun/V96957QH6/VBSQ4D861.html#from=zixunplay_recommended 利用碎片时间健身(下) h ...