JavaScript 导出 HTML 内容为 Excel 文件
要将 HTML 中的内容以 Excel 格式下载到本地,可以使用 JavaScript 中的 Blob 和 URL.createObjectURL 方法。\n\n以下是一个示例代码:\n\njavascript\nfunction downloadExcel() {\n // 获取要导出的 HTML 内容\n var htmlContent = document.getElementById("htmlContent").innerHTML;\n\n // 创建一个 Blob 对象,指定导出的内容和格式\n var blob = new Blob([htmlContent], { type: "application/vnd.ms-excel" });\n\n // 创建一个 URL 对象,并将 Blob 对象转换为 URL\n var url = URL.createObjectURL(blob);\n\n // 创建一个 a 标签,设置其 href 属性为 URL,并指定下载的文件名\n var a = document.createElement("a");\n a.href = url;\n a.download = "export.xls";\n\n // 触发 a 标签的点击事件,开始下载\n a.click();\n\n // 释放 URL 对象\n URL.revokeObjectURL(url);\n}\n\n\n在 HTML 中,需要有一个用来导出的内容的容器,例如:\n\nhtml\n<div id="htmlContent">\n <table>\n <tr>\n <th>姓名</th>\n <th>年龄</th>\n </tr>\n <tr>\n <td>张三</td>\n <td>20</td>\n </tr>\n <tr>\n <td>李四</td>\n <td>25</td>\n </tr>\n </table>\n</div>\n\n\n然后,使用一个按钮或其他方式触发 downloadExcel 函数,例如:\n\nhtml\n<button onclick="downloadExcel()">导出 Excel</button>\n\n\n当点击按钮时,会将 HTML 内容以 Excel 格式下载到本地。下载的文件名为 export.xls。
原文地址: https://www.cveoy.top/t/topic/purt 著作权归作者所有。请勿转载和采集!