<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. Turtle库学习笔记

    一.Turtle库是Python语言中一个很流行的绘制图像的函数库,想象一个小乌龟,在一个横轴为x.纵轴为y的坐标系原点,(0,0)位置开始,它根据一组函数指令的控制,在这个平面坐标系中移动,从而在它 ...

  2. fatal: protocol error: bad line length character: This

    昨晚尝试搭建一个Git服务器,在搭建好服务器后,在服务器创建了一个空项目,我在本地使用git clone 拉取项目时,报了fatal: protocol error: bad line length ...

  3. jdk-tomcat-jenkens 安装

    1--安装JDK 下载JDK放到你需要的目录,解压,然后添加环境变量 2--安装tomcat 从官方网站下载tomcat的安装包,然后解压 启动tomcat , TOMCAT的默认端口是8080,要记 ...

  4. typeof 与instanceof

    函数原型链: 2.typeof获取到的是产生该对象的根源object, instanceof获取的是最终产生该对象的父级构造函数 <script> var arr=[1,2,3,4,&qu ...

  5. odoo开发笔记 -- 搜索视图继承扩展

    odoo开发笔记 -- 搜索视图继承扩展

  6. Volley Get网络请求

    public class VolleyActivity extends AppCompatActivity { WebView webView; Button button; RequestQueue ...

  7. 记录一个简单的dbcp数据连接池

    这个示例用到了ThreadLocal与dbcp,我觉得有点意思,就整理了下.使用dbcp,肯定要导入commons-dbcp.jar包.下面直接贴DBUtil代码: public class DBUt ...

  8. vue.js的项目实战

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏 需求背景 组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用, ...

  9. [TensorFlow] Introducing TensorFlow Feature Columns

    Welcome to Part 2 of a blog series that introduces TensorFlow Datasets and Estimators. We're devotin ...

  10. [深度学习] 最全优化方法总结比较--SGD，Adagrad，Adadelta，Adam，Adamax，Nadam

    SGD 此处的SGD指mini-batch gradient descent,关于batch gradient descent, stochastic gradient descent, 以及 min ...