<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a target="_blank">点击下载</a>
<table border="1" cellspacing="0" width="900">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
<th>表头4</th>
<th>表头5</th>
<th>表头6</th>
</tr>
</thead>
<tbody>
<tr>
<td>第一行1</td>
<td>第一行2</td>
<td>第一行3</td>
<td>第一行4</td>
<td>第一行5</td>
<td>第一行6</td>
</tr>
<tr>
<td>第二行1</td>
<td>第二行2</td>
<td>第二行3</td>
<td>第二行4</td>
<td>第二行5</td>
<td>第二行6</td>
</tr>
</tbody>
</table>
</body>
</html>
<script>
let template = `<table border="1" cellspacing="0">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
<th>表头4</th>
<th>表头5</th>
<th>表头6</th>
</tr>
</thead>
<tbody>
<tr>
<td>第一行1</td>
<td>第一行2</td>
<td>第一行3</td>
<td>第一行4</td>
<td>第一行5</td>
<td>第一行6</td>
</tr>
<tr>
<td>第二行1</td>
<td>第二行2</td>
<td>第二行3</td>
<td>第二行4</td>
<td>第二行5</td>
<td>第二行6</td>
</tr>
</tbody>
</table>`
var excelBlob = new Blob([template], {type: 'application/vnd.ms-excel'})
var a = document.querySelector('a')
a.href = URL.createObjectURL(excelBlob);
a.download = '学生名单.xls';
</script>
下载后打开是这样的, 还在摸索中