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

演示地址：

http://www.jq22.com/yanshi3312

具体代码：

<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="UTF-8">

    <title>table export</title></head>

  <body>

    <table id="table1">

      <tbody>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

      </tbody>

    </table>

    <table id="table2">

      <thead>

        <tr>

          <td>标题一</td>

          <td>标题二</td>

          <td>标题三</td></tr>

      </thead>

      <tbody>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

      </tbody>

    </table>

    <div id="export">

      <a data-type="json" href="javascript:;">导出json</a>

      <a data-type="txt" href="javascript:;">导出txt</a>

      <a data-type="csv" href="javascript:;">导出csv</a>

      <a data-type="xls" href="javascript:;">导出excel</a>

      <a data-type="doc" href="javascript:;">导出word</a></div>

    <script src="Blob.js"></script>

    <script src="FileSaver.js"></script>

    <script src="tableExport.js"></script>

    <script>var $exportLink = document.getElementById('export');

      $exportLink.addEventListener('click',

      function(e) {

        e.preventDefault();

        if (e.target.nodeName === "A") {

          tableExport('table1', '测试测试', e.target.getAttribute('data-type'))

        }

      },

      false);</script>

  </body>

</html>

源码下载：

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

原文转自： http://www.cnblogs.com/gguozhenqian/p/5717555.html

html中的table导出Excel （亲测有用(●'◡'●)）的更多相关文章

html中的table导出Excel
演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
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; ...
导出网页中的table到excel
导出网页中的table到excel的两种简便方法: 1. 纯 JavaScript 方法,缺点只支持IE浏览器 var elTable = document.getElementById(" ...
支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件
今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) { var table = document ...
element ui table 导出excel表格
https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...
<转>HTML中的table转为excel
转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...
Linux中oracle的安装，亲测
一.下载oracle的软件包地址: http://www.oracle.com/technetwork/database/enterprise-edition/downloads/112010-li ...
Java中导入、导出Excel
原文:Java中导入.导出Excel 一.介绍当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是:我们已 ...
我是陌生人 Java中导入、导出Excel
我是陌生人 Java中导入.导出Excel 一.介绍当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...

随机推荐

u盘传输文件时提示过大
(无需格式化U盘) 1.拷贝大文件时提示目标文件系统过大,无法复制 2.查U盘,发现剩余空间足够: 3.分析原因,是由于U盘的格式问题导致的,当期的磁盘格式是FAT32类型的,无拷贝过大的文件: 4. ...
http,ftp服务的安装
首先,要配置云源(在我上一篇博客中有云源配置的详细过程) 一.http服务的安装 1.安装 http yum install -y httpd 2.启动http服务 systemctl sta ...
WUSTOJ 1324: Base64 Coding（Java）未解决，求题解
题目链接:1324: Base64 Coding 资料:ASCII码表原文是英文,而且篇幅较长.因此下面不粘贴原文,只写中文大意. Description Base64是一种编码算法.它的工作原理是 ...
Python中的动态属性与描述符
动态属性与属性描述符属性描述符是什么? 在解释属性查找顺序之前我们需要了解Python中的属性描述符,属性描述符作为其他类对象的属性而存在,实现了特殊方法中的get.set.delete中的一种 ...
[二叉树算法]关于判断是否为BST的算法
//判断是否为BST 搜索树==二叉排序树 1.递归知最大最小值.2.先中序判是否单调 bool IsValidBST(BTNode *p,int low,int high){ if(p==NULL) ...
在ubuntu 16.04 的vm中添加新网卡，同一网段不同ip
在ubuntu 16.04 的vm中添加新网卡,同一网段不同ip 来源 https://blog.51cto.com/744478/2083672 在ubuntu 16.04 的vm中新加了一块网卡, ...
Java Web-Redis学习
Java Web-Redis学习基本概念 Redis是一款高性能的NOSQL系列的.非关系型数据库 NOSQL:not only SQL,是一系列非关系型数据库的总称,例如radis.hbase等数 ...
iOS - The file “XXX.app” couldn’t be opened because you don’t have permission to view it.
当引入第三方的框架的时候容易产生以下问题: The file “XXX.app” couldn’t be opened because you don’t have permission to vi ...
vue中组件之间的通信
一.vue中组件通信的种类父组件向子组件的通信子组件向父组件的通信隔代组件之间的通信兄弟组件之间的通信二.实现通信的方式 props vue自定义的事件消息订阅与发布 vuex sl ...
obj = obj || {} 分析这个代码的起到的作用
情况一: <script> function test(obj) { console.log(obj.value) } function student() { this.value = ...

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

html中的table导出Excel （亲测有用(●'◡'●)）的更多相关文章

随机推荐

热门专题