前端导出数据到excl表格
Posted 若栖1017
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端导出数据到excl表格相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style>
table {
border-collapse: collapse;
color: #555;
font-weight: normal;
}
</style>
</head>
<body>
<table border="1" id="aa">
<caption>水果列表</caption>
<tr>
<th>类别</th>
<th>名称</th>
</tr>
<tr>
<th>水果</th>
<th>苹果</th>
</tr>
<tr>
<th>水果</th>
<th>香蕉</th>
</tr>
<tr>
<th>水果</th>
<th>梨子</th>
</tr>
</table>
<div class="daochu" id="daochu">导出表格</div>
<script>
var html = "<html><head><meta charset=‘utf-8‘ /></head><body>" + document.getElementById("aa").outerHTML + "</body></html>";
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
var url_link=URL.createObjectURL(blob);
var daochu=document.getElementById("daochu");
daochu.onclick=function(){
window.open(url_link);
};
</script>
</body>
</html>
以上是关于前端导出数据到excl表格的主要内容，如果未能解决你的问题，请参考以下文章
java导入excle表格，并且对表格进行相应的修改，并对表格数据进行整理，最后导出本地表格等一系列