使用JS导出页面内容到Excel
Posted 微醺
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用JS导出页面内容到Excel相关的知识，希望对你有一定的参考价值。
- JS代码
<script> $(function(){ // 使用outerhtml属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码 var html = ‘<html><head><meta charset="utf-8" /></head><body>‘ + document.getElementsByTagName(‘table‘)[0].outerHTML + ‘</body></html>‘; // 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象 var blob = new Blob([html], { type: "application/vnd.ms-excel" }); var a = document.getElementsByClassName(‘export‘)[0]; // 利用URL.createObjectURL()方法为a元素生成blob URL a.href = URL.createObjectURL(blob); // 设置文件名 a.download = "【{$user_name}】提成详情表.xls"; }) </script>
- 导出按钮
<a href="" class="export" style="text-decoration: none;display: inline-block;width: 100%;">导出详情表</a>
以上是关于使用JS导出页面内容到Excel的主要内容，如果未能解决你的问题，请参考以下文章
c# asp.net 页面上的多个表导出到一个excel文件中
js导出excel增加表头mso-number-format定义数据格式