js浏览器如何导出excel或csv文件

发布时间:2019-10-25编辑:脚本学堂
如何用js脚本在浏览器中导出excel与csv文件?项目中经常需要导出excel文件,不在服务器端处理而是富客户端采用javascript脚本处理数据并导出文件,有需要的朋友参考下。

使用js导出表格为excel文件调用:activexobject("excel.application") ,但是这种方法有局限性,只能在ie系列下的浏览器里实现,兼容性方面不理想。

以下方法兼容性较好,可以导出表格内容到excel文件。
 

复制代码 代码示例:
var str = "博客, 域名nblog, 2njb51.net, 3";
var uri = 'data:text/csv;charset=utf-8,' + str;
var downloadlink = document.createelement("a");
downloadlink.href = uri;
downloadlink.download = "export.csv";
document.body.appendchild(downloadlink);
downloadlink.click();
document.body.removechild(downloadlink);

这种方法在谷歌/火狐系列浏览器里是ok的,但是在ie里会有“传递给系统调用的数据区域太小 ”的报错提示,原因是href指定的值的字节数过多。

对于ie浏览器只好判断下,采用activexobject的形式。
如此便能较好的使用javascript导出html内容到excel文件。