JS兼容浏览器的导出Excel(CSV)文件的方法

 更新时间:2014年05月03日 08:37:51   作者:  
项目中经常需要导出Excel文件,不在服务器端处理而是富客户端采用Javascript脚本处理数据并导出文件

Js导出表格为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);


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

So,对于IE浏览器只好判断下,采用ActiveXObject的形式。

如此便能较好的使用Javascript导出HTML内容到Excel文件。

相关文章

  • 微信小程序中转义字符的处理方法

    微信小程序中转义字符的处理方法

    这篇文章主要介绍了微信小程序中转义字符的处理方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 原生JavaScript生成GUID的实现示例

    原生JavaScript生成GUID的实现示例

    GUID(全局统一标识符)是指在一台机器上生成的数字,下面为大家介绍下原生JavaScript生成GUID的实现,需要的朋友不要错过
    2014-09-09
  • JavaScript实现的开关灯泡点击切换特效示例

    JavaScript实现的开关灯泡点击切换特效示例

    这篇文章主要介绍了JavaScript实现的开关灯泡点击切换特效,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-07-07
  • JavaScript DOM常用操作代码汇总

    JavaScript DOM常用操作代码汇总

    这篇文章主要介绍了JavaScript DOM常用操作代码汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JS if else语句(条件判断语句)的详细使用

    JS if else语句(条件判断语句)的详细使用

    条件语句用于基于不同的条件来执行不同的动作,下面这篇文章主要给大家介绍了关于JS if else语句(条件判断语句)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • js实现的美女瀑布流效果代码

    js实现的美女瀑布流效果代码

    美女瀑布流效果分享一下,大家勿喷啊 借用新浪的美女 嘿嘿 睁大你的眼睛
    2012-11-11
  • JS生成某个范围的随机数【四种情况详解】

    JS生成某个范围的随机数【四种情况详解】

    下面小编就为大家带来一篇JS生成某个范围的随机数【四种情况详解】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-04-04
  • JavaScript中的事件与异常捕获详析

    JavaScript中的事件与异常捕获详析

    这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • Java前后端分离之权限管理示例分析

    Java前后端分离之权限管理示例分析

    权限管理就是管理用户对于资源的操作。本 CRM 系统的权限(也称作资源)是基于角色操作权限来实现的,即RBAC(Role-Based Access Control,基于角色的访问控制),就是用户通过角色与权限进行关联
    2022-08-08
  • 详解js访问对象的属性和方法

    详解js访问对象的属性和方法

    在本篇文章里我们给大家分享了关于js访问对象的属性和方法的相关知识点,有需要的朋友们可以学习下。
    2018-10-10

最新评论