首先判断手否是IE，原因在于IE导出我用的是ActiveXObject，判断的方式很简单，只需要拿到window.navigator.userAgent即可进行判断，代码如下

  1. function getExplorer() {
  2.     if (window.navigator.userAgent.indexOf("MSIE") >= ) {
  3.         return ;
  4.     } else if (window.navigator.userAgent.indexOf("Firefox") >= ) {
  5.         return ;
  6.     } else if (window.navigator.userAgent.indexOf("Chrome") >= ) {
  7.         return ;
  8.     } else if (window.navigator.userAgent.indexOf("Opera") >= ) {
  9.         return ;
  10.     } else if (window.navigator.userAgent.indexOf("Safari") >= ) {
  11.         return ;
  12.     } else {
  13.         return ;
  14.     }
  15. }

下面函数就是当浏览器是IE时调用的函数（注意该函数只能将table表格打开在Excel中，并非真正的保存）

  1. function Msie(id) {
  2.         var tabID= document.getElementById(id);
  3.          var aXO = new ActiveXObject("Excel.Application");
  4.          var oWB = oXL.Workbooks.Add();
  5.         var oSheet = oWB.ActiveSheet;
  6.          var len= tabID.rows.length;   //取得表格行数
  7.          for (i = ; i < len; i++){
  8.              var Lenc = tabID.rows(i).cells.length;  //取得每行的列数
  9.              for (j = ; j < Lenc; j++)
  10.              {
  11.                  oSheet.Cells(i + , j + ).value = tabID.rows(i).cells(j).innerText;
  12.                  //赋值
  13.              }
  14.          }
  15.          aXO.Visible = true;
  16.     }

当浏览器为高级浏览器时（非IE及IE内核的浏览器）调用函数

  1. function other(mytalbe){
  2.   var table = document.getElementById(mytalbe);
  3.     // 克隆（复制）此table元素，这样对复制品进行修改（如添加或改变table的标题等），导出复制品，而不影响原table在浏览器中的展示。
  4.     table = table.cloneNode(true);
  5.     var uri = 'data:application/vnd.ms-excel;base64,',
  6.         template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><?xml version="1.0" encoding="UTF-8" standalone="yes"?><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table style="vnd.ms-excel.numberformat:@">{table}</table></body></html>',
  7.         base64 = function(s) {
  8.             return window.btoa(unescape(encodeURIComponent(s)));
  9.         },
  10.         format = function(s, c) {
  11.             return s.replace(/{(\w+)}/g, function(m, p) {
  12.                 return c[p];
  13.             });
  14.         };
  15.     if(!table.nodeType) table = document.getElementById(table);
  16.     var ctx = {
  17.         worksheet: name || 'Worksheet',
  18.         table: table.innerHTML
  19.     };
  20.     window.location.href = uri + base64(format(template, ctx));
  21. }

然后封装下面的函数并判断是否是IE

  1. function tabletoExcel(tableID) {
         if(getExplorer() == ) 
    　　　　     Msie(tableID)
         }else{
               other(mytalbe)
         }
    }

之后在需要输出table的地方调用就好了

js中的table导出成Excel表格的更多相关文章

  1. JS前端将table导出到excel 兼容谷歌 IE 且保留表格样式

    CDSN上博主给我一段代码,可将表格导出为EXCEL文档,原文见: https://blog.csdn.net/zz210891470/article/details/94717644 向博主学习.致 ...

  2. 前端js实现打印（导出）excel表格

    产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式 图片.png 图片.png jsp页面代码: <div class="tools"> ...

  3. MVC 将视图页table导出成excel

    前台代码: <table class="tablelist" id="myTable">    <thead>        <t ...

  4. HTML中的table导出为Excel文件

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. 用js实现导出功能将html中的table导出为excel

    /** * 描述:导出表格对应的excel文件 * 时间:2018-03-29 * 作者:任恩远 * 调用示例: * onclick = "tableToExcel(tableId,file ...

  6. 将DataTable中的数据导出成Excel

    public bool ExportFile(System.Data.DataTable dt){    SaveFileDialog sfd = new SaveFileDialog();    s ...

  7. C#将html table 导出成excel实例

    public void ProcessRequest (HttpContext context) { string elxStr = "<table><tbody>& ...

  8. 机房收费系统——在VB中将MSHFlexGrid控件中的数据导出到Excel

    机房收费系统中,好多查询的窗体都包含同一个功能:将数据库中查询到的数据显示在MSHFlexGrid控件中,然后再把MSHFlexGrid控件中的数据导出到Excel表格中. 虽然之前做过学生信息管理系 ...

  9. 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; ...

随机推荐

  1. jQuery提供的存储接口

    jQuery.data( element, key, value ) //静态接口,存数据jQuery.data( element, key ) //静态接口,取数据 .data( key, valu ...

  2. mac安装nose，command not found:nosetests

    mac通过pip install nose失败,看了一下是权限的问题,重新用sudo pip install nose安装,安装成功. 但是执行nosetests时,提示command not fou ...

  3. （转）正则表达式—RegEx(RegularExpressio)（三）

    原文地址:http://www.cnblogs.com/feng-c-x/archive/2013/09/05/3302465.html 今日随笔,继续写一点关于正则表达式的 知识.前两天介绍了正则表 ...

  4. 关于Java异常一段很有意思的代码

    今天学习了Java的异常,讲到try-catch-finally时,老师演示了一段代码,觉得很有意思,很能反映出其执行的过程,让自己有点绕,特意记录一下. 只要代码执行到try代码内部, 不管有没有异 ...

  5. C# static 字段初始值设定项无法引用非静态字段、方法或属性

    问题:字段或属性的问题字段初始值设定项无法引用非静态字段.方法 下面代码出错的原因,在类中定义的字段为什么不能用? public string text = test(); //提示 字段或属性的问题 ...

  6. react-native-echarts构建的图表出现滚动条并且可以滑动的问题

    前段时间做echarts饼状图,按照官方提供的写法完成以后图表可以出来,但是虚拟机上演示出现了滚动条,并且拖动时就会出现空白,双击会缩小像这样       参考GitHub上给出的方法修改成功: no ...

  7. 基于zookeeper实现高性能分布式锁

    实现原理:利用zookeeper的持久性节点和Watcher机制 具体步骤: 1.创建持久性节点 zkLock 2.在此父节点下创建子节点列表,name按顺序定义 3.Java程序获取该节点下的所有顺 ...

  8. LoadRunner--获取请求的返回结果函数

    注:内容来自网络 Action(){ web_set_max_html_param_len("262144"); // 默认最大长度为256 web_reg_save_param( ...

  9. 【bzoj4103】[Thu Summer Camp 2015]异或运算 可持久化trie树

    Description 给定长度为n的数列X={x1,x2,...,xn}和长度为m的数列Y={y1,y2,...,ym},令矩阵A中第i行第j列的值Aij=xi xor yj,每次询问给定矩形区域i ...

  10. 从map中取出最大或最小value对应的key---多种写法

    package com.yuwanlong.hashing; import java.util.ArrayList; import java.util.Collections; import java ...