演示地址：

http://www.jq22.com/yanshi3312

具体代码：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3.  
  4.   <head>
  5.     <meta charset="UTF-8">
  6.     <title>table export</title></head>
  7.   <body>
  8.     <table id="table1">
  9.       <tbody>
  10.         <tr>
  11.           <td>文字1</td>
  12.           <td>咨询</td>
  13.           <td>测试</td></tr>
  14.         <tr>
  15.           <td>文字1</td>
  16.           <td>咨询</td>
  17.           <td>测试</td></tr>
  18.         <tr>
  19.           <td>文字1</td>
  20.           <td>咨询</td>
  21.           <td>测试</td></tr>
  22.         <tr>
  23.           <td>文字1</td>
  24.           <td>咨询</td>
  25.           <td>测试</td></tr>
  26.         <tr>
  27.           <td>文字1</td>
  28.           <td>咨询</td>
  29.           <td>测试</td></tr>
  30.         <tr>
  31.           <td>文字1</td>
  32.           <td>咨询</td>
  33.           <td>测试</td></tr>
  34.       </tbody>
  35.     </table>
  36.     <table id="table2">
  37.       <thead>
  38.         <tr>
  39.           <td>标题一</td>
  40.           <td>标题二</td>
  41.           <td>标题三</td></tr>
  42.       </thead>
  43.       <tbody>
  44.         <tr>
  45.           <td>
  46.             <a href="#" target="_blank">文字2</a></td>
  47.           <td>咨询</td>
  48.           <td>测试</td></tr>
  49.         <tr>
  50.           <td>
  51.             <a href="#" target="_blank">文字2</a></td>
  52.           <td>咨询</td>
  53.           <td>测试</td></tr>
  54.         <tr>
  55.           <td>
  56.             <a href="#" target="_blank">文字2</a></td>
  57.           <td>咨询</td>
  58.           <td>测试</td></tr>
  59.         <tr>
  60.           <td>
  61.             <a href="#" target="_blank">文字2</a></td>
  62.           <td>咨询</td>
  63.           <td>测试</td></tr>
  64.         <tr>
  65.           <td>
  66.             <a href="#" target="_blank">文字2</a></td>
  67.           <td>咨询</td>
  68.           <td>测试</td></tr>
  69.         <tr>
  70.           <td>
  71.             <a href="#" target="_blank">文字2</a></td>
  72.           <td>咨询</td>
  73.           <td>测试</td></tr>
  74.       </tbody>
  75.     </table>
  76.     <div id="export">
  77.       <a data-type="json" href="javascript:;">导出json</a>
  78.       <a data-type="txt" href="javascript:;">导出txt</a>
  79.       <a data-type="csv" href="javascript:;">导出csv</a>
  80.       <a data-type="xls" href="javascript:;">导出excel</a>
  81.       <a data-type="doc" href="javascript:;">导出word</a></div>
  82.     <script src="Blob.js"></script>
  83.     <script src="FileSaver.js"></script>
  84.     <script src="tableExport.js"></script>
  85.     <script>var $exportLink = document.getElementById('export');
  86.       $exportLink.addEventListener('click',
  87.       function(e) {
  88.         e.preventDefault();
  89.         if (e.target.nodeName === "A") {
  90.           tableExport('table1', '测试测试', e.target.getAttribute('data-type'))
  91.         }
  92.       },
  93.       false);</script>
  94.   </body>
  95. </html>

源码下载：

http://files.cnblogs.com/files/gguozhenqian/Demo.rar

html中的table导出Excel的更多相关文章

  1. html中的table导出Excel （亲测有用(●'◡'●)）

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

  2. html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel，保留table样式

    先上代码   <script type="text/javascript" language="javascript">   var idTmr; ...

  3. 导出网页中的table到excel

    导出网页中的table到excel的两种简便方法: 1. 纯 JavaScript 方法,缺点只支持IE浏览器 var elTable = document.getElementById(" ...

  4. 支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件

    今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) {        var table = document ...

  5. element ui table 导出excel表格

    https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...

  6. <转>HTML中的table转为excel

    转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...

  7. Java中导入、导出Excel

    原文:Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是:我们已 ...

  8. 我是陌生人 Java中导入、导出Excel

    我是陌生人 Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...

  9. js实现table导出Excel，保留table样式

    浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...

随机推荐

  1. delphi IOS 后台状态保存

    FormSaveState procedure TFrm.FormSaveState(Sender: TObject);begin end; http://stackoverflow.com/ques ...

  2. centOS安装openoffice的方法

    centOS安装openoffice的方法 分类: centOS 2012-06-15 10:24 2872人阅读 评论(0) 收藏 举报 centos测试 yum install openoffic ...

  3. 查看端口占用情况lsof，并关闭对应进程kill

    lsof -n -P| grep ":<端口号>" | grep LISTEN #监听对应端口号的进程 lsof -i tcp:<端口号> #和对应端口号有 ...

  4. 前端开发之CSS篇四

    一.相对定位 二.绝对定位 三.固定定位 四.z-index 前言 定位有三种:1.相对定位 2.绝对定位 3.固定定位 这三种定位,每种都暗藏玄机,所以要每个单独剖析. 1️⃣   相对定位 1.三 ...

  5. jsp table td自动换行

    <TABLE style="word-wrap: break-word; word-break: break-all;">

  6. 02.全文检索和数据库like的区别

    全文检索主要应用领域:搜索引擎(百度,搜狗).站内搜索(微博搜索).电商网站(京东,淘宝) 现在不缺乏做java的人,但是缺乏有互联网背景的做Java的人.具有互联网技术的Java人才.比如说大数据, ...

  7. 【总结整理】自带天气app，为什么还要下载

    很简单那就说明用户对天气这个功能的需求并没有表面那么简单呗,还有更深层次的需求~ 先声明我自己是没有这方面需求的,我就纯属YY一下 既然数据都一样的话,那是什么让用户觉得天气APP更专业呢? 1.历史 ...

  8. 什么是展uv

    uvw是对应三维模型x.y.z坐标,就像模型的皮肤一样,为了便于绘制贴图,需要将UV尽量展平 展UV就是把你建好的模型展开成平面,别人就可以在那平面上做材质,皮肤等,这些东西.例如展一个正方体的UV, ...

  9. ubuntu eclipse opencv环境配置

    项目——Properties——C/C++ Build——Settings 配置包含目录: GCC C++ Compiler   ——Includes /usr/include /usr/local/ ...

  10. php static 变量声明

    <?phpfunction test($key){ static $array = array();  /* 静态变量是只存在于函数作用域中的变量,注释:执行后这种变量不会丢失(下次调用这个函数 ...