Javascript中的Table导出成Excel表格

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

复制代码
复制代码
function getExplorer() { 
    if (window.navigator.userAgent.indexOf("MSIE") >= 0) {
        return 1;
    } else if (window.navigator.userAgent.indexOf("Firefox") >= 0) {
        return 0;
    } else if (window.navigator.userAgent.indexOf("Chrome") >= 0) {
        return 0;
    } else if (window.navigator.userAgent.indexOf("Opera") >= 0) {
        return 0;
    } else if (window.navigator.userAgent.indexOf("Safari") >= 0) {
        return 0;
    } else {
        return 1;
    }
}
复制代码
复制代码

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

复制代码
复制代码
function Msie(id) {
        var tabID= document.getElementById(id); 
         var aXO = new ActiveXObject("Excel.Application"); 
         var oWB = oXL.Workbooks.Add(); 
        var oSheet = oWB.ActiveSheet;  
         var len= tabID.rows.length;   //取得表格行数 
         for (i = 0; i < len; i++){ 
             var Lenc = tabID.rows(i).cells.length;  //取得每行的列数 
             for (j = 0; j < Lenc; j++) 
             { 
                 oSheet.Cells(i + 1, j + 1).value = tabID.rows(i).cells(j).innerText; 
                 //赋值 
             } 
         } 
         aXO.Visible = true; 
    }
复制代码
复制代码

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

复制代码
复制代码
function other(mytalbe){
  var table = document.getElementById(mytalbe);
    // 克隆（复制）此table元素，这样对复制品进行修改（如添加或改变table的标题等），导出复制品，而不影响原table在浏览器中的展示。
    table = table.cloneNode(true);
    var uri = 'data:application/vnd.ms-excel;base64,',
        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>',
        base64 = function(s) {
            return window.btoa(unescape(encodeURIComponent(s)));
        },
        format = function(s, c) {
            return s.replace(/{(\w+)}/g, function(m, p) {
                return c[p];
            });
        };
    if(!table.nodeType) table = document.getElementById(table);
    var ctx = {
        worksheet: name || 'Worksheet',
        table: table.innerHTML
    };
    window.location.href = uri + base64(format(template, ctx));  
}
复制代码
复制代码

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

复制代码
复制代码
function tabletoExcel(tableID) {
     if(getExplorer() == 1) 
　　　　     Msie(tableID)
     }else{
           other(mytalbe)
     }
}
复制代码
复制代码

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

posted @   吴土炮Jared  阅读(534)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛