纯JS导出文件为excel格式-----1

最新推荐文章于 2024-05-07 14:45:30 发布

being_0008

最新推荐文章于 2024-05-07 14:45:30 发布

阅读量2.2k

点赞数 1

分类专栏： JavaScript 文章标签： javascript web前端前端开发 JS excel

本文链接：https://blog.csdn.net/Ymm_0008/article/details/72723476

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

代码很简单，希望可以帮助大家。但是此方法有一个小小的弊端，主要是利用a标签来实现的，尝试使用别的没有实现，如果有朋友实现了可以分享下，

小弟万分感谢。（小弟不才，大神勿喷。。。直接上代码了）

觉得不好用的可以参考下我的另一篇文章（http://blog.csdn.net/ymm_0008/article/details/72771186）

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<div id="content1">
js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。-----1
</div>
<div id="content2">
js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。-----2
</div>
<div id="content3">
js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。js纯前端导出内容。-----3
</div>
<button id="out_btn"><a id="out_put" href="###">导 出</a></button>

<script src="../jquery-1.11.3.min.js"></script>
<script>
function exportTableToCSV(filename) {

var str = $('#content1').text()+$('#content2').text()+$('#content3').text();

str = encodeURIComponent(str);
csvData = "data:text/csv;charset=utf-8,\ufeff"+str;
$(this).attr({
'download': filename,
'href': csvData,
'target': '_blank'

});

alert("素材导出成功！");

}

$("a[id='out_put']").on('click', function (event) {
filename="example_导出示例EXCEL.csv";
exportTableToCSV.apply(this, [filename]);

});
</script>
</body>

</html>

PS：别忘记引入JQ！！！我这个功能是直接下载的，没有提示，大家可以自己在写几行代码，加个模态框提示下，点击确定之后再去下载。

being_0008

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
纯JS导出文件为excel格式-----1

代码很简单，希望可以帮助大家。但是此方法有一个小小的弊端，主要是利用a标签来实现的，尝试使用别的没有实现，如果有朋友实现了可以分享下，小弟万分感谢。（小弟不才，大神勿喷。。。直接上代码了）觉得不好用的可以参考下我的另一篇文章（http://blog.csdn.net/ymm_0008/article/details/72771186） Title
复制链接

扫一扫