JavaScript基础表格导出示例
导出表格数据的需求，前端基本都绕不开。JavaScript 的 CSV 导出算是比较常用的方式，轻量又好上手。
纯 HTML5+JavaScript 搞定，不依赖任何第三方库，你只要会操作 DOM、懂点 Base64，就能直接上手。你在表格里展示的数据，用户想下载？点一下按钮就行。
用了Base64编码+data URI的方式，把 CSV 内容塞进标签的href属性，配合download属性直接触发下载，用户体验还挺顺滑的。
表格的时候，记得用querySelectorAll把行和列抓出来，一行行转成字符串，拼上逗号就成 CSV 格式了。特殊字符？加个引号下就行。
代码量真不大，核心部分就百来行，web 页面表格保存 Excel.html文件里都打包好了，注释也清晰，适合快速参考甚至直接拷过去改一改用。
如果你项目里有数据导出需求，又不想引入大库，试试这个方案蛮合适的。别忘了测试一下在不同浏览器下的兼容性，Chrome 和 Edge 基本都 OK，Safari 稍微注意下格式。
文件大小：1.19KB
评论区