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系列(2) 揭秘命名函数表达式
Jan 15 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
JavaScript 事件入门知识
Apr 13 Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
离开当前页面前使用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
一个显示天气预报的程序
2006/10/09 PHP
PHP去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
checkbox设置复选框的只读效果不让用户勾选
2013/08/12 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
Python面试题集
2012/03/08 面试题
大学生毕业自我鉴定范文
2013/11/03 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
教师职位说明书
2014/07/29 职场文书
2014党员四风对照检查材料思想汇报
2014/09/17 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
Python find()、rfind()方法及作用
2022/12/24 Python