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打开(电信系统.银行系统).或者是: ...

随机推荐

[itext]Java生成PDF文件
一.前言最近在做也导出试卷的功能,刚开始是导出为doc,可是导出来格式都有变化,最后说直接将word转为pdf,可是各种不稳定,各种报错.最后想到直接将文件写入pdf(参考:http://www.c ...
对比JPA 和Hibernate 和 Mybatis的区别
1.JPA.Hibernate.Mybatis简单了解 1.JPA:本身是一种ORM规范,不是ORM框架.由各大ORM框架提供实现. 2.Hibernate:目前最流行的ORM框架,设计灵巧,文档丰富 ...
Django基础十一之认证系统
一 auth模块我们在开发一个网站的时候,无可避免的需要设计实现网站的用户系统.此时我们需要实现包括用户注册.用户登录.用户认证.注销.修改密码等功能,这还真是个麻烦的事情呢. Django作为一个 ...
C++11（及现代C++风格）和快速迭代式开发
过去的一年我在微软亚洲研究院做输入法,我们的产品叫“英库拼音输入法” (下载Beta版),如果你用过“英库词典”(现已更名为必应词典),应该知道“英库”这个名字(实际上我们的核心开发团队也有很大一部分 ...
C#不支持XPATH2.0
.net中的XPATH是1.0版本的,很多2.0中的函数是不兼容的,比如lower-case().replace()函数等,下面中的XPATH语句在运行时会报错 //table[contains(lo ...
Axios使用拦截器全局处理请求重试
Axios拦截器 Axios提供了拦截器的接口,让我们能够全局处理请求和响应.Axios拦截器会在Promise的then和catch调用前拦截到. 请求拦截示例 axios.interceptors ...
dede织梦如何去除网站底部的版权信息
dede织梦如何删除版权powered by?在织梦中,特别是在仿站之中,经常会在首页的底部出现powered by,这是dedecms织梦系统底部自带的官方链接power by等字样,很多新用户想去 ...
多个div并排不换行
1.所有div的父元素不换行 white-space: nowrap; 2.所有div设置为行内元素 display: inline-block; 基于java记账管理系统[尚学堂·百战程序员]
javascript动态添加html节点
之前一直没怎么接触需要动态添加和删除html节点的项目,这次项目中用到了,也学习了. 在一个<table id="tab">标签中添加一个<tr id=" ...
string 数组转 int 数组
用法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 //字符串数组(源数组) string[] sNums = new[] {"1", "2" ...

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

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

随机推荐

热门专题