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 相关文章推荐
永不消失的title提示代码
Feb 15 Javascript
javascript Select标记中options操作方法集合
Oct 22 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 Javascript
js中 关于undefined和null的区别介绍
Apr 16 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 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
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
VUEJS实战之利用laypage插件实现分页(3)
2016/06/13 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
Javascript中八种遍历方法的执行速度深度对比
2017/04/25 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
Django组件之cookie与session的使用方法
2019/01/10 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
利用python汇总统计多张Excel
2020/09/22 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
抗震救灾标语
2014/06/26 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers