JS兼容浏览器的导出Excel（CSV）文件的方法

背景与问题

在Web开发中，将网页表格数据导出为Excel文件是一种常见需求。传统方法通常调用ActiveXObject("Excel.Application")，但该方式存在明显的局限性，仅能在IE系列浏览器中运行，导致跨浏览器兼容性较差。

现代浏览器方案

经过实际测试，本文推荐的方案能够在多种浏览器中较好地实现表格内容到Excel文件的导出功能。

var str = "博客, 域名\nBlog, 2\njb51.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);

IE浏览器兼容处理

上述方法在Chrome和Firefox等现代浏览器中运行正常。然而，在IE浏览器中执行时，可能会遇到“传递给系统调用的数据区域太小”的错误提示。这通常是因为通过href指定的data URI字符串字节数过大，超出了IE的处理限制。

因此，为了兼容IE浏览器，需要在代码中增加判断逻辑。当检测到IE环境时，采用ActiveXObject的方式进行导出操作。

总结

通过结合上述两种策略，即可使用JavaScript较为完善地将HTML内容导出为Excel文件。