HTML表格导出Excel需借助前端JS或后端服务，常用方式包括：1. table2excel库导出.xls（轻量但不支持样式和合并单元格）；2. CSV格式（兼容性强，需处理BOM、转义）；3. SheetJS生成.xlsx（功能全但体积大）。
HTML表格本身不能直接导出为Excel文件，但可以通过前端JavaScript或后端服务实现。最常用、最轻量的方式是利用浏览器原生能力，将HTML表格转换为可下载的Excel兼容格式（如CSV或.xls/.xlsx），无需服务器参与。
使用table2excel库快速导出
这是一个轻量级、专为HTML表格设计的JS库，支持导出为.xls格式（兼容Excel 2003+），适合简单场景。
- 引入库：<script src="https://cdn.jsdelivr.net/npm/table2excel@1.1.2/dist/table2excel.min.js"></script>
- 给目标表格添加id，例如：<table id="myTable">...</table>
- 绑定按钮点击事件：
document.getElementById("exportBtn").onclick = function() {
new Table2Excel().export(document.getElementById("myTable"));
}; - 注意：该库不支持复杂样式和合并单元格，导出内容以纯文本为主。
导出为CSV（兼容性最强）
CSV是纯文本格式，所有电子表格软件都支持，且完全由前端生成，无兼容风险。
- 遍历表格的<tr>和<td>/<th>，按行拼接字段，用逗号分隔，换行符分隔行。
- 中文需加UTF-8 BOM头（\uFEFF），否则Excel打开可能乱码。
- 字段含逗号、换行或引号时，需用双引号包裹，并对内部双引号转义（如"a""b"）。
- 生成Blob并触发下载：URL.createObjectURL(new Blob([bom + csvString], {type: "text/csv;charset=utf-8"}))
生成真正的.xlsx文件（推荐用SheetJS）
如果需要保留样式、多工作表、公式等高级功能，用SheetJS（xlsx.js）是最成熟的选择。
立即学习“前端免费学习笔记（深入）”；
- 引入：<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
- 用XLSX.utils.table_to_sheet()直接解析DOM表格，生成工作表对象。
- 再用XLSX.write()生成二进制流，配合XLSX.writeFile()触发下载。
- 支持导出多个表格到不同sheet、设置列宽、冻结首行等，但体积略大（约700KB）。
注意事项与避坑点
实际使用中容易忽略几个关键细节：
- 隐藏列或display:none的单元格默认会被忽略，如需导出，需临时设为可见或手动提取数据。
- 表格内含HTML标签（如<strong>、<br>）会导出为源码，应先提取纯文本（cell.innerText）。
- 移动端Safari对Blob下载支持有限，建议降级为CSV + data URL方案。
- 若表格数据来自AJAX，确保导出逻辑在数据渲染完成后再执行（可用setTimeout或监听渲染完成事件）。
