纯JS导出文件为excel格式-----1
来源:互联网 发布:软件产品说明书怎么写 编辑:程序博客网 时间:2024/05/21 18:38
代码很简单,希望可以帮助大家。但是此方法有一个小小的弊端,主要是利用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>
<!--这种下载只能利用a标签-->
<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!!!我这个功能是直接下载的,没有提示,大家可以自己在写几行代码,加个模态框提示下,点击确定之后再去下载。
阅读全文
1 0
- 纯JS导出文件为excel格式-----1
- JS导出Excel时设置Excel格式为字符串格式
- 纯前端JS导出数据为excel----2
- Repeater导出为excel格式
- Repeater导出为excel格式
- [Repeater]导出为excel格式
- js 导出 excel 文件
- 纯js的excel导出插件
- 纯JS导出excel(支持中文)
- 纯js 解决页面table导出excel
- 利用js将html表格导出为excel文件
- JS导出为Excel文件(两种方式)
- js 导出table并保存为excel文件
- JS技巧:兼容性导出表格为Excel文件
- js实现HTML Table 导出为Excel格式(含合并列格式)
- Js导出Table为Excel
- JS 导出Table为excel
- js导出tables为excel
- poi 表单下载下拉框,多条问题解决
- 今年的植树节(2012年3月12日)........
- Linux 之 ldconfig
- 使用Druid生成加密密码,实现mysql数据库连接用户密码加密解密
- 微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析
- 纯JS导出文件为excel格式-----1
- 关于espcms的sql注入漏洞代码审计复现
- 关于static语句,构造代码块,构造方法的执行顺序
- MySQL定时任务的创建(存储过程)
- 介绍几种常见的对焦基本原理
- ViewPager中的子Activity的onActivityResult无响应
- 辩论8反驳的八个层次
- Androdi控件小知识点(不断更新)
- apache2.4 中文乱码问题