<!DOCTYPE html>
<!-- saved from url=(0057)http://www.jq22.com/demo/tableExport-master-150602231459/ -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>table export</title>
</head>
<body>
<table id="table1">
<tbody>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td>文字</td>
<td>咨询</td>
<td>测试</td>
</tr>
</tbody>
</table>
<table id="table2">
<thead>
<tr>
<td>标题一</td>
<td>标题二</td>
<td>标题三</td>
</tr>
</thead>
<tbody>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
<tr>
<td><a href="http://www.jq22.com/demo/tableExport-master-150602231459/#" target="_blank">文字</a></td>
<td>咨询</td>
<td>测试</td>
</tr>
</tbody>
</table>
<div id="export">
<a data-type="json" href="javascript:;">导出json</a>
<a data-type="txt" href="javascript:;">导出txt</a>
<a data-type="csv" href="javascript:;">导出csv</a>
<a data-type="xls" href="javascript:;">导出excel</a>
<a data-type="doc" href="javascript:;">导出word</a>
</div>
<script src="Blob.js"></script>
<script src="FileSaver.js"></script>
<script src="tableExport.js"></script>
<script>
var $exportLink = document.getElementById('export');
$exportLink.addEventListener('click', function(e){
e.preventDefault();
if(e.target.nodeName === "A"){
tableExport('table2', '测试测试', e.target.getAttribute('data-type'));
}
}, false);
</script>
</body><style type="text/css" id="2074947232"></style></html>
前端页面导出table中的内容到excel
需积分: 50 198 浏览量
2018-10-26
15:13:08
上传
评论 3
收藏 77KB RAR 举报
导出table为excel_files.rar （11个子文件） 
导出table为excel_files 
jquery.qrcode.min.js 14KB jquery.min.js 92KB tableExport.js 5KB FileSaver.js 7KB Blob.js 6KB hm.js 22KB demo.css 7KB pace-theme-barber-shop.css 2KB pace.min.js 20KB adsbygoogle.js 43KB
saved_resource.html 3KB资源评论
