实现HTML页面表格导出excel

直接上代码,下载测试:
<html><head>
<title>接口统计title>
<style>
td
{
text-align:center;border:solid #0066CC; border-width:0px 1px 1px 0px; padding:10px 0px;
}
table
{
border:solid #0066CC; border-width:1px 0px 0px 1px;
}
body {background-color:#CCCCCC;}
style>
head> <body align=center><meta charset=UTF-8><center>  <h1>统计h1>
<table border=1>
<tr>  <td>名称td>
<td>城 市td>
<td> 2016-11-13 td>
<td> 2016-11-14td>  tr>
<tr>  <td>促销组合td>
<td>北 京 td>
<td> 164 td>
<td> 146td>  tr>
<tr>  <td>促销组合td>
<td>成 都 td>
<td> 179 td>
<td> 189td>  tr>
<tr>  <td>促销组合td>
<td>杭 州 td>
<td> 211 td>
<td> 231td>  tr>
<tr>  <td>促销组合td>
<td>济 南 td>
<td> 59 td>
<td> 44td>  tr>
<tr>  <td>促销组合td>
<td>长 春 td>
<td> 250 td>
<td> 300td>  tr>
<tr>  <td>促销组合td>
<td>南 京 td>
<td> 56 td>
<td> 50td>  tr>
<tr>  <td>促销组合td>
<td>郑 州 td>
<td> 40 td>
<td> 41td>  tr>
<tr>  <td>促销组合td>
<td>青 岛 td>
<td> 14 td>
<td> 16td>  tr>
<tr>  <td>促销组合td>
<td>西 安 td>
<td> 16 td>
<td> 46td>  tr>
<tr>  <td>厂家专柜td>
<td>北 京 td>
<td> 3545 td>
<td> 4143td>  tr>
<tr>  <td>厂家专柜td>
<td>成 都 td>
<td> 6810 td>
<td> 7297td>  tr>
<tr>  <td>厂家专柜td>
<td>杭 州 td>
<td> 3626 td>
<td> 3868td>  tr>
<tr>  <td>厂家专柜td>
<td>济 南 td>
<td> 1245 td>
<td> 1864td>  tr>
<tr>  <td>厂家专柜td>
<td>长 春 td>
<td> 2810 td>
<td> 3535td>  tr>
<tr>  <td>厂家专柜td>
<td>南 京 td>
<td> 883 td>
<td> 1321td>  tr>
<tr>  <td>厂家专柜td>
<td>郑 州 td>
<td> 872 td>
<td> 1120td>  tr>
<tr>  <td>厂家专柜td>
<td>青 岛 td>
<td> 658 td>
<td> 1247td>  tr>
<tr>  <td>厂家专柜td>
<td>西 安 td>
<td> 753 td>
<td> 1336td>  tr>
<tr>  <td>限时秒杀td>
<td>全 国 td>
<td> 30505 td>
<td> 36111td>  tr>
<tr>  <td>品牌特卖td>
<td>全 国 td>
<td> 5017 td>
<td> 5441td>  tr>
<tr>  <td>厂家特卖td>
<td>北 京 td>
<td> 182 td>
<td> 180td>  tr>
<tr>  <td>厂家特卖td>
<td>成 都 td>
<td> 314 td>
<td> 338td>  tr>
<tr>  <td>厂家特卖td>
<td>杭 州 td>
<td> 168 td>
<td> 194td>  tr>
<tr>  <td>厂家特卖td>
<td>济 南 td>
<td> 45 td>
<td> 66td>  tr>
<tr>  <td>厂家特卖td>
<td>长 春 td>
<td> 191 td>
<td> 198td>  tr>
<tr>  <td>厂家特卖td>
<td>南 京 td>
<td> 75 td>
<td> 76td>  tr>
<tr>  <td>厂家特卖td>
<td>郑 州 td>
<td> 67 td>
<td> 113td>  tr>
<tr>  <td>厂家特卖td>
<td>青 岛 td>
<td> 32 td>
<td> 45td>  tr>
<tr>  <td>厂家特卖td>
<td>西 安 td>
<td> 16 td>
<td> 40td>  tr>
<tr>  <td>无忧特价日td>
<td>北 京 td>
<td> 12825 td>
<td> 14322td>  tr>
<tr>  <td>无忧特价日td>
<td>成 都 td>
<td> 22894 td>
<td> 22641td>  tr>
<tr>  <td>无忧特价日td>
<td>杭 州 td>
<td> 15482 td>
<td> 15161td>  tr>
<tr>  <td>无忧特价日td>
<td>济 南 td>
<td> 4819 td>
<td> 6099td>  tr>
<tr>  <td>无忧特价日td>
<td>长 春 td>
<td> 10125 td>
<td> 14276td>  tr>
<tr>  <td>无忧特价日td>
<td>南 京 td>
<td> 3216 td>
<td> 4211td>  tr>
<tr>  <td>无忧特价日td>
<td>郑 州 td>
<td> 2609 td>
<td> 3178td>  tr>
<tr>  <td>无忧特价日td>
<td>青 岛 td>
<td> 2711 td>
<td> 4604td>  tr>
<tr>  <td>无忧特价日td>
<td>西 安 td>
<td> 2479 td>
<td> 5903td>  tr>
<tr>  <td>/www/html/td>
<td>全 国 td>
<td> 263 td>
<td> 295td>  tr>
table>
<a>导出表格a><script>// 使用outerHTML属性获取整个table元素的HTML代码(包括标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码var html = "" + document.getElementsByTagName("table")[0].outerHTML + "";// 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象var blob = new Blob([html], { type: "application/vnd.ms-excel" });var a = document.getElementsByTagName("a")[0];// 利用URL.createObjectURL()方法为a元素生成blob URLa.href = URL.createObjectURL(blob);// 设置文件名,目前只有Chrome和FireFox支持此属性a.download = "接口统计.xls";script>body>center>html>

导出文件为xsl后缀的文件,不是真正的excel文件,但是可以用excel打开然后调整格式,保存即可。
如图:
这里写图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章