js前端导出excel

此例子是利用html特性，纯前端导出excel，样式不好看，兼容主流浏览器。
var tableid = jQuery(this).closest("div.tab-label-wrap").siblings("div.tab-panel-wrap").find("table.data-grid").get(0);
var idTmr;  
if(getExplorer()=='ie')  
{  
    var curTbl = jQuery(this).closest("div.tab-label-wrap").siblings("div.tab-panel-wrap").find("table.data-grid").get(0);
    var oXL = new ActiveXObject("Excel.Application");  
    var oWB = oXL.Workbooks.Add();  
    var xlsheet = oWB.Worksheets(1);  
    var sel = document.body.createTextRange();  
    sel.moveToElementText(curTbl);  
    sel.select();  
    sel.execCommand("Copy");  
    xlsheet.Paste();  
    oXL.Visible = true;  

    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);  
        oXL.Quit();  
        oXL = null;  
        idTmr = window.setInterval("Cleanup();", 1);  
    }  

}  
else  
{  
    tableToExcel(tableid)  
}  

var tableToExcel = (function() {  
    var uri = 'data:application/vnd.ms-excel;base64,',  
            template = '<html><head><meta charset="UTF-8"></head><body><table>{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]; }) }  
    return function(table, name) {  
        if (!table.nodeType) table = document.getElementById(table)  
        var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}  
        window.location.href = uri + base64(format(template, ctx))  
    }  
})()  
function Cleanup() {  
    window.clearInterval(idTmr);  
    CollectGarbage();  
}  
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';  
    }  
}
猜你喜欢
