一、将table列表导出为Excel或者word
<table id="tableList" border="1">
<thead>
<tr>
<td>姓名</td>
<td>体重</td>
<td>爱好</td>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>60kg</td>
<td>打球</td>
</tr>
</tbody>
</table>
<a href="" id="download">导出table文件</a>
<script src="./libs/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// tableId第一个参数是table元素id
// aid 第二个参数是a标签("导出")的id
// fileName 第三个参数是导出下载文件名
function exportTable(tableId,aid,fileName){
// 使用outerHTML属性获取整个table元素的HTML代码 (包括table标签),然后包装成一个完整的HTML文档
var html = document.getElementById(tableId).outerHTML;
// 实例化一个Blob对象,其构造函数的参数是包含文件内容的数组
var blob = new Blob([html]);
// 获取a标签id
var aid = document.getElementById(aid);
// 利用URL.createObjectURL()方法为a元素生成blob URL;
aid.href = URL.createObjectURL(blob);
// 设置导出下载的文件名
aid.download = fileName;
}
$("#download").click(function(){
//将table表格导出为Excel,Excel表要想显示边框,需要在table标签上加上属性为border="1"
exportTable('tableList','download','file.xls')
//将table表格导出为word
// exportTable('fileText','download','file.doc')
})
</script>
二、将页面导出为excel或者word
<div>
<p id="fileText">我爱你,我的家</p>
<a href="" id="download">导出文件</a>
</div>
<script src="./libs/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// tableId第一个参数是table元素id
// aid 第二个参数是a标签("导出")的id
// fileName 第三个参数是导出下载文件名
function exportTable(contentId,aid,fileName){
// 使用outerText属性获取整个页面元素的文本内容
var text = document.getElementById(contentId).outerText;
// 实例化一个Blob对象,其构造函数的参数是包含文件内容的数组
var blob = new Blob([text]);
// 获取a标签id
var aid = document.getElementById(aid);
// 利用URL.createObjectURL()方法为a元素生成blob URL;
aid.href = URL.createObjectURL(blob);
// 设置导出下载的文件名
aid.download = fileName;
}
$("#download").click(function(){
exportTable('fileText','download','file.xls')
// exportTable('fileText','download','file.doc')
})
</script>