<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style>
table {
border-collapse: collapse
}
</style>
<table border="1">
<caption>花名册</caption>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>19</td>
</tr>
</table>
<a href="">导出表格</a>
<script>
// bolb生成
var table = document.getElementsByTagName('table')[0].outerHTML
var html = "<html><head><meta charset='utf-8' /></head><body>" + table + "</body></html>"
var blob = new Blob([html], { type: "application/vnd.ms-excel" })
// bolb赋给a标签
var a = document.getElementsByTagName("a")[0]
a.href = URL.createObjectURL(blob)
a.download = "花名册.xls"
</script>
</body>
</html>