js将页面导出到excel
时间: 2023-10-09 15:07:37 浏览: 61
你可以使用 JavaScript 中的 FileSaver.js 库来实现将 HTML 表格导出为 Excel 文件的功能。以下是一个示例代码:
```javascript
// 导出 Excel 文件
function exportToExcel(tableID, filename = ''){
var downloadLink;
var dataType = 'application/vnd.ms-excel';
var tableSelect = document.getElementById(tableID);
var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
// 设置文件名
filename = filename?filename+'.xls':'excel_data.xls';
// 创建下载链接
downloadLink = document.createElement("a");
document.body.appendChild(downloadLink);
if(navigator.msSaveOrOpenBlob){
var blob = new Blob(['\ufeff', tableHTML], {
type: dataType
});
navigator.msSaveOrOpenBlob( blob, filename);
}else{
// 创建下载链接
downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
// 设置文件名
downloadLink.download = filename;
// 触发点击事件
downloadLink.click();
}
}
```
使用方法:
1. 在 HTML 中添加一个表格,并为其设置一个 ID。
```html
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
</tbody>
</table>
```
2. 调用 `exportToExcel` 函数。
```javascript
exportToExcel('myTable', 'myFile'); // 将表格导出为 myFile.xls 文件
```