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

 这篇文章主要介绍了javascript实现客户端兼容各浏览器创建csv并下载的方法,实例分析了javascript操作csv文件的技巧,需要的朋友可以参考下

 
 

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

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

$("#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程序设计有所帮助。

时间: 2024-10-03 15:23:08

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

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

本文实例讲述了javascript实现客户端兼容各浏览器创建csv并下载的方法.分享给大家供大家参考.具体实现方法如下: $("#radarDLBut").click(function(){ var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]]; var csvContent =

JavaScript 实现完美兼容多浏览器的复制功能代码

  JavaScript 实现完美兼容多浏览器的复制功能代码        这两天在做Web前端时,遇到需求通过js实现文本复制的功能.经过一番测试,终于实现了出来,有需要的小伙伴可以参考下. 分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

JS实现兼容各种浏览器的获取选择文本的方法【测试可用】_javascript技巧

本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con

javascript 按键事件(兼容各浏览器)_javascript技巧

第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown.onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后

纯JavaScript实现的兼容各浏览器的添加和移除事件封装_javascript技巧

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa

JavaScript 复制功能代码 兼容多浏览器_典型特效

因此兼容性没得说了,现在用不上的话,先收藏一下吧. xmlns="http://www.w3.org/1999/xhtml"> JavaScript 复制功能代码,兼容多浏览器 贴图地址:

JavaScript 实现完美兼容多浏览器的复制功能代码_javascript技巧

分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript 复制功能代码,兼容多浏览器&l

基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏_javascript技巧

现在的浏览器越来越多,这就使得网页设计的兼容性要求越来越高,像常用的设为首页.加入收藏代码,一般的虽然简洁,但兼容性却非常不好,加入收藏和设为首页代码几乎各个网站都在头部放上一个,有没有效果先不管,需求应该是有的. 但是由于浏览器的兼容性问题,之前用的很多代码都失去效果,下面就给出一段能够兼容各个浏览器的代码,也不能够算是兼容,只能说在不支持的浏览器中能够给出提示,代码如下: <!doctype html> <html> <head> <title>加入收藏

搜狗高速浏览器如何使用搜狗下载的方法

搜狗使用多线程多镜像的下载模式,在保证正常页面浏览速度的同时,可以达到与专业下载软件相媲美的下载速度,较IE的下载速度平均提高1.5倍. 使用搜狗下载的方法:点击下载链接时,会自动弹出搜狗下载面板,您可以设置文件保存路径.文件名及是否直接打开等,您也可以选择用搜狗或者其他下载工具下载. 打开搜狗下载管理器的方法:点击浏览器右下角状态栏的"绿色箭头"按钮,即可打开下载管理器,  说明有正在下载的文件,  说明无正在下载的文件.您可以在下载管理器中对已下载和正在下载的文件进行下载管理操作.