必须逐行遍历<tr>并用textContent提取纯文本，合并单元格需补空值对齐；字段含逗号、换行或双引号时须用双引号包裹且内部双引号转义为两个；导出时需在CSV字符串开头添加\uFEFF BOM头并指定text/csv;charset=utf-8类型，确保Excel正确识别UTF-8编码。
导出表格数据时 innerHTML 会混入标签，怎么只取纯文本内容？
直接用 table.innerHTML 拿内容会导致 CSV 里塞满 <tr><td> 等标签，根本不能用。必须逐行遍历 <tr>，再逐单元格提取 textContent（不是 innerText，后者受 CSS 影响，可能丢空格或换行）。
注意：合并单元格（rowspan/colspan）在 CSV 中无法表达，得按实际渲染位置补空值，否则列错位。简单表格可忽略；复杂表建议先用 document.querySelectorAll('tr') + cells 集合来对齐列数。
生成 CSV 字符串时，字段含逗号、换行或双引号怎么处理？
CSV 规范要求：字段含 ,、\n 或 " 时，必须用双引号包裹，且内部的双引号要转义为两个双引号（""）。不处理会导致 Excel 打开后列分裂或错行。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用正则或
replace()预处理每个字段：field.replace(/"/g, '""')，再套上" - 判断是否需要包裹：只要字段含
,、\n或开头/结尾是空格，就加引号 - 换行统一用
\r\n（Windows Excel 兼容性最好），别用\n
用 Blob 创建 CSV 文件并触发下载，为什么点击没反应？
常见原因有三个：URL 对象未正确创建、a.download 属性缺失、或触发下载的 click 不在用户手势上下文中（比如异步回调里调用）。
可靠写法：
- 确保
new Blob([csvString], {type: 'text/csv;charset=utf-8;'})的csvString是字符串，不是数组 -
URL.createObjectURL(blob)后必须赋给a.href，且设置a.download = 'data.csv' - 必须在用户点击事件内同步调用
a.click()；若中间有fetch或setTimeout，需把click()放进then并确保浏览器允许（部分新版 Chrome 会拦截非即时触发）
示例关键片段：
const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });<br>const url = URL.createObjectURL(blob);<br>const a = document.createElement('a');<br>a.href = url;<br>a.download = 'export.csv';<br>document.body.appendChild(a);<br>a.click();<br>document.body.removeChild(a);<br>URL.revokeObjectURL(url);
中文导出乱码（Excel 显示方块字），UTF-8 BOM 解决不了怎么办？
Excel for Windows 默认用系统编码（如 GBK）读 UTF-8 CSV，不带 BOM 就必然乱码。加 BOM 是最简单解法，但要注意：BOM 只能加在文件开头，且必须是 \uFEFF（UTF-8 编码为 0xEF 0xBB 0xBF）。
别漏掉这个细节：BOM 必须插在 csvString 最前面，而不是 Blob 构造时靠 type 参数解决——type 不影响编码解释。
正确做法：
const bom = '\uFEFF';<br>const csvWithBom = bom + csvString;<br>const blob = new Blob([csvWithBom], { type: 'text/csv;charset=utf-8;' });
如果后端也参与导出，注意 Node.js 的 fs.writeFileSync 默认不加 BOM，需手动拼接；前端则务必在字符串层面插入，而非依赖 Blob API 自动处理。
