js table数据导出excel文件

前言

百度了几篇有关的教程，都差不多甚至可以说是完全相同；在这里也只是精简、记录一下。

代码

表格转换成excel并下载

(document).ready(function () {(document).ready(function () {(“#myBtn”).click(function () { //点击下载按钮，执行方法

CreateExcel(“myTable”,”test”);

});

});

//将table导出到excel

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’;

}

}

function CreateExcel(tableid,fileName) {

if (getExplorer() == ‘ie’) {

var curTbl = document.getElementById(tableid);

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(fileName + “.xls”, //文件名和文件格式 但尝试改了一下fileName 这里并不影响

“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,fileName) //调用tableToExcex table的id 和 要生成的文件名 }

}

function Cleanup() {

window.clearInterval(idTmr);

Co
4000
llectGarbage();

}

var tableToExcel = (function () {

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

template =

‘
{table}’,

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))

a = document.createElement(“a”);

a.download = name;

a.href = uri + base64(format(template, ctx));

document.body.appendChild(a);

a.click();

document.body.removeChild(a);

}

})()

下载/Download excel

上下文表格布局

产品	付款日期	状态
产品1	23/11/2013	待发货
产品2	10/11/2013	发货中
产品3	20/10/2013	待确认
产品4	20/10/2013	已退货

结束

对于段代码，也不是太理解，需要更熟练的应用