直接上代碼。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js導出xls表格</title>
<style>
html, body {
width: 100%;
height: 100%;
}
body {
display: flex;
justify-content: center;
align-items: center;
}
table {
margin: 10px 0;
}
</style>
</head>
<body>
<div class="main">
<a id="export_xls" href="javascript:;">導出xls表格</a>
<table border="1" id="print_table">
<thead>
<tr>
<th>用戶名</th>
<th>密碼</th>
</tr>
</thead>
<tbody>
<tr>
<td>admin</td>
<td>123456</td>
</tr>
<tr>
<td>admin_power</td>
<td>123456</td>
</tr>
<tr>
<td>user</td>
<td>123456</td>
</tr>
</tbody>
</table>
</div>
</body>
<script>
var w_timer;
// 想要更改下載xls文件名，必須使用 a標籤
export_xls('print_table');
// 輸出 xls 文件
function export_xls(table_id) {
console.log(getExplorer())
if (getExplorer()=="ie") {
// ie瀏覽器處理
var curTbl = document.getElementById(table_id);
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;
w_timer = window.setInterval("Cleanup();", 1);
}
}else {
print_xls(table_id,'用戶列表');
}
}
function Cleanup(){
window.clearInterval(w_timer);
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';
}
}
// 輸出xls文件主要函數
function print_xls (table_id,name) {
var uri = 'data:application/vnd.ms-excel;base64,';
var table = document.getElementById(table_id);
var base64 = function(tem) {
return window.btoa(unescape(encodeURIComponent(tem)))
};
var table_tem = '<html><head><meta charset="UTF-8"></head><body><table border="1">' + table.innerHTML + '</table></body></html>';
document.getElementById('export_xls').href=uri + base64(table_tem);
document.getElementById('export_xls').download = name || '下載';
}
</script>
</html>