栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

无需服务器交互即可将javascript数据导出到CSV文件

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

无需服务器交互即可将javascript数据导出到CSV文件

总有HTML5

download
属性:

该属性(如果存在)表明作者打算将超链接用于下载资源,以便当用户单击链接时,将提示他们将其另存为本地文件。

如果属性具有值,则该值将用作用户单击链接时打开的“保存”提示中的预填充文件名。

var A = [['n','sqrt(n)']];for(var j=1; j<10; ++j){     A.push([j, Math.sqrt(j)]);}var csvRows = [];for(var i=0, l=A.length; i<l; ++i){    csvRows.push(A[i].join(','));}var csvString = csvRows.join("%0A");var a         = document.createElement('a');a.href        = 'data:attachment/csv,' +  enpreURIComponent(csvString);a.target      = '_blank';a.download    = 'myFile.csv';document.body.appendChild(a);a.click();

显然,有针对IE10和IE11的黑客,它不支持该

download
属性但是Edge_ 支持 。

var A = [['n','sqrt(n)']];for(var j=1; j<10; ++j){     A.push([j, Math.sqrt(j)]);}var csvRows = [];for(var i=0, l=A.length; i<l; ++i){    csvRows.push(A[i].join(','));}var csvString = csvRows.join("%0A");if (window.navigator.msSaveOrOpenBlob) {    var blob = new Blob([csvString]);    window.navigator.msSaveOrOpenBlob(blob, 'myFile.csv');} else {    var a         = document.createElement('a');    a.href        = 'data:attachment/csv,' +  enpreURIComponent(csvString);    a.target      = '_blank';    a.download    = 'myFile.csv';    document.body.appendChild(a);    a.click();}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/614723.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号