在网页开发中，经常需要将网页上的数据导出为Excel格式的文件，以便用户离线查看或打印。本文将介绍如何使用简单的JS代码将HTML表格导出为Excel文件。
获取HTML表格代码
需要获取要导出的HTML表格代码。可以使用以下代码获取整个table元素的outerHTML属性，包含<table>标签和表格内容：
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";
其中，document.getElementsByTagName("table")[0]表示获取第一个table元素，即要导出的表格。outerHTML属性返回包含元素及其内容的HTML代码，包括起始标签、内容和结束标签。
创建Blob对象
需要将HTML代码转换为Excel文件格式。可以使用Blob对象实现这一功能。Blob是二进制大对象（Binary Large Object）的缩写，代表一段不可变的原始数据。可以使用Blob构造函数创建一个Blob对象，参数是包含文件内容的数组和包含文件类型属性的对象。
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
其中，第一个参数传入刚才获取的HTML表格代码，第二个参数设置文件类型为Excel文件。注意，这里的type属性值是"application/vnd.ms-excel"，而不是Excel文件的扩展名.xls或.xlsx。这是因为Excel文件的MIME类型为application/vnd.ms-excel，而MIME类型是互联网标准化组织（IETF）定义的一种标识，用于标识不同类型的数据格式。
生成下载链接
需要将Blob对象生成下载链接，以便用户点击下载。可以使用URL.createObjectURL()方法为一个元素生成blob URL，将这个URL赋值给该元素的href属性。
var a = document.getElementById("download-link");
a.href = URL.createObjectURL(blob);
其中，a是一个具有href属性的元素，例如<a>标签。URL.createObjectURL()方法返回一个blob URL，该URL指向浏览器中存储的Blob对象。将这个URL赋值给a标签的href属性，就可以让用户点击该链接下载Excel文件了。
设置文件名
在下载Excel文件时，浏览器默认会使用Blob对象的UUID作为文件名。可以通过设置a标签的download属性来指定文件名。例如：
a.download = "students-scores.xls";
其中，download属性表示指定下载文件的名称。注意，文件名应该包含Excel文件的扩展名，这里是.xls。
完整代码如下：
// 获取HTML表格代码
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";
// 创建Blob对象
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
// 生成下载链接
var a = document.getElementById("download-link");
a.href = URL.createObjectURL(blob);
// 设置文件名
a.download = "students-scores.xls";
注意，以上代码只适用于导出包含简单表格的Excel文件。如果要导出复杂的Excel文件，例如包含多个工作表、图表或宏等高级功能，就需要使用专业的库或组件来实现了。
本文介绍了如何使用JS将HTML表格导出为Excel文件。获取HTML表格代码，创建Blob对象，并将其转换为Excel文件格式。生成下载链接，设置文件名并让用户点击下载即可。这是一个非常简单的方法，适用于大多数情况下的网页开发。
