js導出Excel表格 直接上代碼： 紅色部分：如果表格數據中有“1/1”這樣的值，會在導出的Excel中轉化為日期“1月1日”，所以才加上了紅色那兩句。如果返回值中沒有這樣的格式，紅色部分可以不寫。 引用： 1、首先得是a標簽。 2、this：指向a的點擊。 3、'grid-basic'：表格的i ...
js導出Excel表格
直接上代碼：
紅色部分：如果表格數據中有“1/1”這樣的值，會在導出的Excel中轉化為日期“1月1日”，所以才加上了紅色那兩句。如果返回值中沒有這樣的格式，紅色部分可以不寫。
1 //Excel下載 2 function base64(content) { 3 return window.btoa(unescape(encodeURIComponent(content))); 4 } 5 function exportOffice(dom, tableID, fName) { 6 var type = 'excel'; 7 var table = document.getElementById(tableID); 8 var excelContent = table.innerHTML; 9 var ddd="<td style=\"mso-number-format:'\\@';\">"; 10 var result=((excelContent).toString()).replace(/<td(.*?)>/g,ddd); 11 console.log(result); 12 var excelFile = "<html xmlns:v='urn:schemas-microsoft-com:vml' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:" + type + "' xmlns='http://www.w3.org/TR/REC-html40'>"; 13 excelFile += "<head>"; 14 excelFile += "<meta http-equiv=Content-Type; content=text/html;charset=UTF-8>"; 15 excelFile += "<!--[if gte mso 9]>"; 16 excelFile += "<xml>"; 17 excelFile += "<x:ExcelWorkbook>"; 18 excelFile += "<x:ExcelWorksheets>"; 19 excelFile += "<x:ExcelWorksheet>"; 20 excelFile += "<x:Name>"; 21 excelFile += "{worksheet}"; 22 excelFile += "</x:Name>"; 23 excelFile += "<x:WorksheetOptions>"; 24 excelFile += "<x:DisplayGridlines/>"; 25 excelFile += "</x:WorksheetOptions>"; 26 excelFile += "</x:ExcelWorksheet>"; 27 excelFile += "</x:ExcelWorksheets>"; 28 excelFile += "</x:ExcelWorkbook>"; 29 excelFile += "</xml>"; 30 excelFile += "<![endif]-->"; 31 excelFile += "</head>"; 32 excelFile += "<body><table>"; 33 excelFile += result; 34 excelFile += "</table></body>"; 35 excelFile += "</html>"; 36 var base64data = "base64," + base64(excelFile); 37 switch (type) { 38 case 'excel': 39 dom.href = 'data:application/vnd.ms-' + type + ';' + base64data; 40 ;//必須是a標簽，否則無法下載改名 41 dom.download = fName; 42 break; 43 } 44 }
引用：
1、首先得是a標簽。
2、this：指向a的點擊。
3、'grid-basic'：表格的id名。
4、'統計報表'：導出Excel後的表格名
<a onClick="exportOffice(this,'grid-basic','統計報表')">導出Excel</a>
附上轉換紅色部分參考文獻：https://www.cnblogs.com/zhangym118/p/6378469.html
