<table id="tableExcel" border="1">

     <tr>

         <th>零</th>

         <th>一</th>

         <th>二</th>

         <th>三</th>

         <th>四</th>

     </tr>

     <tr>

         <td>万籁寂无声</td>

         <td>衾铁棱棱近五更</td>

         <td>香断灯昏吟未稳</td>

         <td>凄清</td>

         <td>只有霜华伴月明</td>

     </tr>

     <tr>

         <td>应是夜寒凝</td>

         <td>恼得梅花睡不成</td>

         <td>我念梅花花念我</td>

         <td>关情</td>

         <td>起看清冰满玉瓶</td>

     </tr>

 </table>

 <input type="button" value="导出EXCEL" onclick="exportExcel('tableExcel')"/>
     var idTmr;

     //获取当前浏览器类型

     function getExplorer() {

         var explorer = window.navigator.userAgent;

         //ie

         if (explorer.indexOf("MSIE") >= 0) {

             return 'ie';

         }

         //firefox

         else if (explorer.indexOf("Firefox") >= 0) {

             return 'Firefox';

         }

         //Chrome

         else if (explorer.indexOf("Chrome") >= 0) {

             return 'Chrome';

         }

         //Opera

         else if (explorer.indexOf("Opera") >= 0) {

             return 'Opera';

         }

         //Safari

         else if (explorer.indexOf("Safari") >= 0) {

             return 'Safari';

         }

     }

     //获取到类型需要判断当前浏览器需要调用的方法，目前项目中火狐，谷歌，360没有问题

     //win10自带的IE无法导出

     function exportExcel(tableid) {//整个表格拷贝到EXCEL中

         if (getExplorer() == 'ie') {

             var curTbl = document.getElementById(tableid);

             var oXL = new ActiveXObject("Excel.Application");

             //创建AX对象excel

             var oWB = oXL.Workbooks.Add();

             //获取workbook对象

             var xlsheet = oWB.Worksheets(1);

             //激活当前sheet

             var sel = document.body.createTextRange();

             sel.moveToElementText(curTbl);

             //把表格中的内容移到TextRange中

             sel.select;

             //全选TextRange中内容

             sel.execCommand("Copy");

             //复制TextRange中内容

             xlsheet.Paste();

             //粘贴到活动的EXCEL中

             oXL.Visible = true;

             //设置excel可见属性

             try {

                 var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");

             } catch (e) {

                 print("Nested catch caught " + e);

             } finally {

                 oWB.SaveAs(fname);

                 oWB.Close(savechanges = false);

                 //xls.visible = false;

                 oXL.Quit();

                 oXL = null;

                 //结束excel进程，退出完成

                 //window.setInterval("Cleanup();",1);

                 idTmr = window.setInterval("Cleanup();", 1);

             }

         } else {

             tableToExcel(tableid)

         }

     }

     function Cleanup() {

         window.clearInterval(idTmr);

         CollectGarbage();

     }

     /*

         template ： 定义文档的类型，相当于html页面中顶部的<!DOCTYPE> 声明。（个人理解，不确定）

         encodeURIComponent:解码

         unescape() 函数：对通过 escape() 编码的字符串进行解码。

         window.btoa(window.encodeURIComponent(str)):支持汉字进行解码。

         \w ：匹配包括下划线的任何单词字符。等价于’[A-Za-z0-9_]’

         replace()方法：用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

         {(\w+)}：匹配所有 {1个或更多字符} 形式的字符串；此处匹配输出内容是 “worksheet”

         正则中的() ：是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。

         讲解(/{(\w+)}/g, function(m, p) { return c[p]; } ：

             /{(\w+)}/g 匹配出所有形式为“{worksheet}”的字符串；

             function参数:   m  正则所匹配到的内容，即“worksheet”；

                             p  正则表达式中分组的内容,即“(\w+)”分组中匹配到的内容，为“worksheet”；

             c ：为object，见下图3

             c[p] : 为“worksheet”

     */

     //判断浏览器后调用的方法，把table的id传入即可

     var tableToExcel = (function () {

         var uri = 'data:application/vnd.ms-excel;base64,',

             template = '<html><head><meta charset="UTF-8"></head><body><table border="1">{table}</table></body></html>',

             base64 = function (s) {

                 return window.btoa(unescape(encodeURIComponent(s)))

             },

             // 下面这段函数作用是：将template中的变量替换为页面内容ctx获取到的值

             format = function (s, c) {

                 return s.replace(/{(\w+)}/g,

                     function (m, p) {

                         return c[p];

                     }

                 )

             };

         return function (table, name) {

             if (!table.nodeType) {

                 table = document.getElementById(table)

             }

             // 获取表单的名字和表单查询的内容

             var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};

             // format()函数：通过格式操作使任意类型的数据转换成一个字符串

             // base64()：进行编码

             window.location.href = uri + base64(format(template, ctx))

         }

     })()

将表格导出为excel的更多相关文章

  1. 纯JS 将table表格导出到excel

    html <div > <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv ...

  2. 将HTML表格导出到EXCEL，兼容Firefox，支持中文

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. 使用JavaScript把页面上的表格导出为Excel文件

    如果在页面上展示了一个数据表格,而用户想把这个表格导出为Excel文件,那么在要求不高的情况下,可以不通过服务器生成表格,而是直接利用JavaScript的Blob和Object URL特性将表格导出 ...

  4. 网站开发进阶(三十一)js如何将html表格导出为excel文件(后记)

    js如何将html表格导出为excel文件(后记) 前言 项目前期做了个导出Excel表格的功能,但是经过测试发现只有在IE上才可以正确实现,在Chrome等浏览器中无法实现导出效果.经过上网搜索,尝 ...

  5. 网站开发进阶(二十五)js如何将html表格导出为excel文件

    js如何将html表格导出为excel文件        赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉! jsp页面数据导出成excel的方法很 ...

  6. vue将表格导出为excel

    vue将表格导出为excel 一:在项目中需要安装2个依赖项,如下命令: npm install --save file-saver xlsx 二:在vue文件中如下使用即可: <templat ...

  7. 表格导出到excel的样式消失该如何修改

    工作中遇到一需求,要将后台的表格导出到excel后的表格样式该如何修改呢? 其实表格导出首先需要了解两个插件:jquery.table2excel.js和tableExport.js 1.第一步,写一 ...

  8. JS 将页面上的表格导出为 Excel 文件

    如果在页面上展示了一个表格,想把这个表格导出为Excel文件,那么在要求不高的情况下,可以直接利用 JavaScript 的 Blob 和 Object URL 特性将表格导出.不过,这就是利用了 E ...

  9. html页面表格导出到excel总结

    转载:http://www.cnblogs.com/liuguanghai/archive/2012/12/31/2840262.html <table id="tableExcel& ...

随机推荐

  1. 札记：Property动画

    简介 Android 3.0 (API level 11)引入了属性动画系统,它是一个完善的框架,可以用来对几乎任何对象进行动画.只需要指定要动画的对象属性,动画时长,属性值区间等,无论对像是否在屏幕 ...

  2. rabbitMq 初步

    RabbitMQ的工作原理 它的基本结构 组成部分说明如下: Broker:消息队列服务进程,此进程包括两个部分:Exchange和Queue. Exchange:消息队列交换机,按一定的规则将消息路 ...

  3. setlocale()函数详解——C语言

    setlocale函数 函数原型:char* setlocale (int category, const char* locale); setlocale位于头文件,setlocale() 函数既可 ...

  4. 腾讯大数据之TDW计算引擎解析——Shuffle

    转自 https://www.csdn.net/article/2014-05-19/2819831-TDW-Shuffle/1 摘要:腾讯分布式数据仓库基于开源软件Hadoop和Hive进行构建,T ...

  5. 解决element-ui upload组件报错 Avoid using non-primitive value as key, use string/number value instead

    到底是啥错呢,就是要求你的key必须是string或者number类型 那么解决就是找到这个报错的key(在node_modules/element-ui/lib/element-ui.common. ...

  6. 使用swoole进行消息推送通知，配合vb.net进行客户端开发一样爽[开发篇]

    在以前的项目中,就曾听说过swoole的大名,想用来进行消息推送,但是当时只是有了初步的了解,并不敢大胆的运用到线上产品.所谓 识不足则多虑,威不足则多怒.所以就是怕,只能跟领导说了运用极光的推送功能 ...

  7. /etc/sysconfig/iptables 默认配置详解

    [参考链接]:一把三尺剑的百度知道回答 1. iptables文件 2. 规则语句详解 :INPUT ACCEPT [0:0] # 该规则表示INPUT表默认策略是ACCEPT :FORWARD AC ...

  8. Tools - OpenSSL

    OpenSSL http://www.openssl.org/ OpenSSL is an open source project that provides a robust, commercial ...

  9. vue中axios的安装和使用

    有很多时候你在构建应用时需要访问一个 API 并展示其数据.做这件事的方法有好几种,而使用基于 promise 的 HTTP 客户端 axios 则是其中非常流行的一种. 安装包:如果没有安装cnpm ...

  10. Redis主从同步原理-SYNC【转】

    和MySQL主从复制的原因一样,Redis虽然读取写入的速度都特别快,但是也会产生读压力特别大的情况.为了分担读压力,Redis支持主从复制,Redis的主从结构可以采用一主多从或者级联结构,下图为级 ...