简单的导出表格和将表格下载到桌面上。
生活随笔
收集整理的這篇文章主要介紹了
简单的导出表格和将表格下载到桌面上。
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /><style>/* 此樣式僅用于瀏覽器頁面效果，Excel不會分離表格邊框，不需要此樣式 */table {border-collapse: collapse;}</style>
</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 URLa.href = URL.createObjectURL(blob);// 設置文件名a.download = "學生成績表.xls";</script>
</body>
</html>
?
轉載于:https://www.cnblogs.com/toughy/p/10978431.html
總結
以上是生活随笔為你收集整理的简单的导出表格和将表格下载到桌面上。的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 贝塞尔曲线（UIBezierPath）属
- 下一篇： 独家！三代Ryzen国行价格来了：12核