js 把当前页导出excel

要将当前页面的数据导出为Excel文件，可以使用JavaScript库如SheetJS（也称为xlsx）。以下是实现这一功能的基础概念、步骤和相关代码示例：

基础概念

SheetJS：这是一个强大的JavaScript库，用于读取和写入Excel文件。
Blob对象：用于表示不可变的原始数据，可以用来创建文件。
URL.createObjectURL()：创建一个指向对象的URL。
a标签的download属性：用于指定下载文件的名称。

优势

灵活性：可以处理各种复杂的数据格式。
兼容性：支持多种浏览器。
易用性：提供了简洁的API来处理Excel文件。

类型

导出单个Sheet：适用于简单的数据表。
导出多个Sheet：适用于需要将数据分割到不同工作表的情况。

应用场景

数据分析报告：将分析结果导出为Excel文件供进一步分析。
数据备份：定期将重要数据导出为Excel文件进行备份。
用户交互：允许用户直接从网页导出所需数据。

示例代码

以下是一个简单的示例，展示如何将HTML表格中的数据导出为Excel文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Export to Excel</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>
</head>
<body>

<table id="myTable">
    <tr>
        <th>Name</th>
        <th>Age</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>30</td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>25</td>
    </tr>
</table>

<button onclick="exportTableToExcel('myTable', 'my-data')">Export to Excel</button>

<script>
function exportTableToExcel(tableID, filename = ''){
    var downloadLink;
    var dataType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
    var tableSelect = document.getElementById(tableID);
    var workbook = XLSX.utils.table_to_book(tableSelect, {sheet:"Sheet1"});
    var excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
    var data = new Blob([excelBuffer], {type: dataType});
    var url = window.URL.createObjectURL(data);
    filename = filename?filename+'.xlsx':'excel_data.xlsx';
    downloadLink = document.createElement("a");

    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob) {
        navigator.msSaveOrOpenBlob(data, filename);
    } else {
        downloadLink.href = url;
        downloadLink.download = filename;
        downloadLink.click();
    }

    window.URL.revokeObjectURL(url);
    document.body.removeChild(downloadLink);
}
</script>

</body>
</html>