因为浏览器禁止前端直接写入本地磁盘，Blob是唯一能安全构造二进制文件并触发下载的原生机制，它不依赖后端或完整Excel库，但纯HTML转.xls仅是伪装CSV、兼容性有限，真.xlsx必须用SheetJS处理数据而非HTML。
导出Excel时为什么用Blob而不是直接生成.xls文件？
因为浏览器不允许前端直接写入本地磁盘，Blob是唯一能安全构造二进制文件并触发下载的原生机制。它不依赖后端，也不需要引入完整Excel库（如SheetJS的xlsx.full.min.js），但要注意：纯HTML表格转成.xls本质是伪装的CSV，兼容性有限；真Excel（.xlsx）必须用SheetJS解析。
用table.innerHTML + Blob导出的常见错误
直接把table.outerHTML塞进Blob会失败——Excel打开报“文件格式损坏”，原因是HTML里含未转义的<、>、中文、样式标签（如style、class）或空格换行。Excel只认干净的表格结构。
- 必须剔除
<style>、<script>、class、id等非表格语义属性 - 中文单元格需用
encodeURIComponent编码，否则乱码（尤其Windows默认ANSI环境） -
<th>和<td>内容要strip掉换行和多余空格：textContent.trim() - 文件名后缀用
.xls而非.xlsx，否则双击可能打不开（系统关联问题）
用SheetJS（xlsx.js）导出.xlsx的真实步骤
如果必须支持公式、多sheet、样式或合并单元格，SheetJS是绕不开的。它的核心不是“把HTML转Excel”，而是“把数据转workbook”，所以得先从DOM提取纯净二维数组。
- 不要用
document.getElementById('myTable').outerHTML喂给XLSX.read——它会解析失败 - 正确做法：遍历
table.rows，逐行pushArray.from(row.cells).map(cell => cell.textContent.trim()) - 生成workbook：
const wb = XLSX.utils.aoa_to_sheet(data); XLSX.writeFile(wb, 'report.xlsx'); - 注意：CDN引入的
xlsx.min.js不含writeFile，必须用xlsx.full.min.js或npm安装xlsx包
下载触发时被拦截或没反应？检查这三点
Chrome/Firefox对非用户主动触发的download链接会静默拦截，这是安全策略，不是代码错。
立即学习“前端免费学习笔记（深入）”；
-
a.download属性必须存在，且值不能为空：link.download = 'data.xls'; - 创建
a元素后必须document.body.appendChild(link)再link.click()，否则Safari不认 - 调用时机必须在用户事件回调内（如
button.onclick），不能在异步回调（如setTimeout或fetch.then）里直接触发下载
复杂点在于：Blob URL有生命周期，URL.createObjectURL(blob)生成的地址在click后必须手动URL.revokeObjectURL(url)释放内存，否则重复导出几十次就卡死。
