javascript实现客户端兼容各浏览器创建csv并下载的方法


Posted in Javascript onMarch 23, 2015

本文实例讲述了javascript实现客户端兼容各浏览器创建csv并下载的方法。分享给大家供大家参考。具体实现方法如下:

$("#radarDLBut").click(function(){
var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]]; 
var csvContent = "data:text/csv;charset=utf-8,\ufeff";
if (window.navigator.msSaveOrOpenBlob) {
  csvContent = "\ufeff";
}
data.forEach(function(infoArray, index){
  dataString = infoArray.join(",");
  csvContent += index < data.length ? dataString+ "\n" : dataString;
});
if (window.navigator.msSaveOrOpenBlob) {
  // if browser is IE
  var blob = new Blob([decodeURIComponent(encodeURI(csvContent))],{
 type: "text/csv;charset=utf-8;"
  });
  navigator.msSaveBlob(blob, 'subject.csv');
}else{
  var encodedUri = encodeURI(csvContent);
  var link = document.createElement("a");
  link.setAttribute("href", encodedUri);
  link.setAttribute("download", "subject.csv");
  document.body.appendChild(link);
  link.click();
}
});

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
详解JavaScript函数对象
Nov 15 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
JS处理一些简单计算题
Feb 24 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
js+css实现全屏侧边栏
Jun 16 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 #Javascript
jQuery操作表单常用控件方法小结
Mar 23 #Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 #Javascript
JavaScript中匿名函数用法实例
Mar 23 #Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 #Javascript
JavaScript使用function定义对象并调用的方法
Mar 23 #Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 #Javascript
You might like
php自动获取字符串编码函数mb_detect_encoding
2011/05/31 PHP
利用PHP+JS实现搜索自动提示(实例)
2013/06/09 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
JavaScript toFixed() 方法
2010/04/15 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
清除div下面的所有标签的方法
2014/02/17 Javascript
js获取视频时长代码
2014/04/10 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
layer.prompt输入层的例子
2019/09/24 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
Python2.x中文乱码问题解决方法
2015/06/02 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
python执行使用shell命令方法分享
2017/11/08 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
用Python实现二叉树、二叉树非递归遍历及绘制的例子
2019/08/09 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
优秀高中生事迹材料
2014/02/11 职场文书
处级干部考察材料
2014/12/24 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书