HTML 的tabel導出excel最終版本（JS）
<script>
// 使用outerHTML屬性獲取整個table元素的HTML代碼（包括<table>標籤），而後包裝成一個完整的HTML文檔，設置charset爲urf-8以防止中文亂碼
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";
// 實例化一個Blob對象，其構造函數的第一個參數是包含文件內容的數組，第二個參數是包含文件類型屬性的對象
var blob = new Blob([html], {type: "application/vnd.ms-excel"});
var a = document.getElementsByTagName("a")[0];
// 利用URL.createObjectURL()方法爲a元素生成blob URL
a.href = URL.createObjectURL(blob);
// 設置文件名
a.download = "學生成績表.xls";
</script>
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 設置border="1"以顯示錶格框線 --> <table border="1"> <!-- caption元素能夠生成表標題，其單元格列跨度爲表格的列數 --> <caption>學生成績表</caption> <tr> <!-- 可使用rowspan和colspan來合併單元格 --> <th rowspan="2">編號</th> <th rowspan="2">學號</th> <th rowspan="2">姓名</th> <th rowspan="2">性別</th> <th rowspan="2">年齡</th> <th colspan="3">成績</th> </tr> <tr> <th>語文</th> <th>數學</th> <th>英語</th> </tr> <tr> <td>1</td> <td>2016001</td> <td>張三</td> <td>男</td> <td>13</td> <td>85</td> <td>94</td> <td>77</td> </tr> <tr> <td>2</td> <td>2016002</td> <td>李四</td> <td>女</td> <td>12</td> <td>96</td> <td>84</td> <td>89</td> </tr> </table> <a>導出表格</ a> <script> // 使用outerHTML屬性獲取整個table元素的HTML代碼（包括<table>標籤），而後包裝成一個完整的HTML文檔，設置charset爲urf-8以防止中文亂碼 var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>"; // 實例化一個Blob對象，其構造函數的第一個參數是包含文件內容的數組，第二個參數是包含文件類型屬性的對象 var blob = new Blob([html], {type: "application/vnd.ms-excel"}); var a = document.getElementsByTagName("a")[0]; // 利用URL.createObjectURL()方法爲a元素生成blob URL a.href = URL.createObjectURL(blob); // 設置文件名 a.download = "學生成績表.xls"; </script> </body> </html>
相關文章
- 1. （前端導出Excel）JS、HTML導出Excel
- 2. js導出HTML的Table到Excel中
- 3. HTML導出Excel
- 4. js導出Excel
- 5. js導出excel
- 6. html table表格導出excel的方法 html5 table導出Excel HTML用JS導出Excel的五種方法 html中table導出Excel 前端開發 將table內容...
- 7. js 導出到excel
- 8. html中的table導出Excel
- 9. html導出Excel方法
- 10. swing導出html到excel
- 更多相關文章...
- • MySQL的版本以及版本號 - MySQL教程
- • SVN 版本回退 - SVN 教程
- • Docker容器實戰(八) - 漫談 Kubernetes 的本質
- • Tomcat學習筆記（史上最全tomcat學習筆記）
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. python的安裝和Hello，World編寫
- 2. 重磅解讀：K8s Cluster Autoscaler模塊及對應華爲雲插件Deep Dive
- 3. 鴻蒙學習筆記2（永不斷更）
- 4. static關鍵字 和構造代碼塊
- 5. JVM筆記
- 6. 無法啓動 C/C++ 語言服務器。IntelliSense 功能將被禁用。錯誤: Missing binary at c:\Users\MSI-NB\.vscode\extensions\ms-vsc
- 7. 【Hive】Hive返回碼狀態含義
- 8. Java樹形結構遞歸（以時間換空間）和非遞歸（以空間換時間）
- 9. 數據預處理---缺失值
- 10. 都要2021年了，現代C++有什麼值得我們學習的？
歡迎關注本站公眾號,獲取更多信息
