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


Posted in Javascript onMay 03, 2014

Js导出表格为Excel文件 的常见一种办法是调用:ActiveXObject("Excel.Application") ,但是这种方法有局限性,只能在IE系列下的浏览器里实现,兼容性方面不理想。

经测试,采用本文推荐的方法能兼容性较好的导出表格内容到Excel文件。

var str = "博客, 域名\nBlog, 2\n3water.com, 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文件。

Javascript 相关文章推荐
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
JS跨域总结
Aug 30 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
bootstrap table复杂操作代码
Nov 01 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
Feb 05 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
Vue如何清空对象
Mar 03 Vue.js
离开当前页面前使用js判断条件提示是否要离开页面
May 02 #Javascript
js日期联动示例
May 02 #Javascript
jQuery实现的多选框多级联动插件
May 02 #Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 #Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 #Javascript
jQuery简单图表peity.js使用示例
May 02 #Javascript
jsPDF导出pdf示例
May 02 #Javascript
You might like
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
理解javascript对象继承
2016/04/17 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
Nodejs实现爬虫抓取数据实例解析
2018/07/05 NodeJs
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
对Django url的几种使用方式详解
2019/08/06 Python
python判断链表是否有环的实例代码
2020/01/31 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
娱乐地球:Entertainment Earth
2020/01/08 全球购物
银行财务部实习生的自我鉴定
2013/11/27 职场文书
教育局长自荐信范文
2013/12/22 职场文书
2015年护士节活动总结
2015/02/10 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript