导出html表格数据为excel
时间: 2023-07-27 22:06:06 浏览: 129
html表格导出为excel
要将HTML表格数据导出为Excel文件,可以使用JavaScript编写一个函数来实现。下面是一个简单的示例代码,可以将表格数据导出为Excel文件:
```javascript
function exportTableToExcel(tableID, filename = '') {
var downloadLink;
var dataType = 'application/vnd.ms-excel';
var tableSelect = document.getElementById(tableID);
var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
// 下载 Excel 文件
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();
}
}
```
要使用这个函数,只需要在HTML文件中调用它,并传入要导出的表格ID和文件名作为参数:
```html
<button onclick="exportTableToExcel('tableID', 'table.xls')">导出表格数据</button>
```
当用户点击这个按钮时,就会下载一个名为“table.xls”的文件,其中包含当前页面中指定表格的数据。
阅读全文