js导出excel表格

最新推荐文章于 2024-05-29 21:40:25 发布

-momoFighting

最新推荐文章于 2024-05-29 21:40:25 发布

阅读量492

点赞数

分类专栏： javascript 文章标签： excel javascript

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种将HTML表格转换并下载为Excel文件的方法。通过JavaScript操作DOM获取table元素，将其封装为完整的HTML文档，并利用Blob对象和URL.createObjectURL()实现文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 在html页面先写一个a标签

<a  id="excel" title="导出" onclick="toExcel()">导出excel</a>

2.再写js：

function toExcel(){
    // 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码
    var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("exampleTable").outerHTML + "</body></html>";
    // 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
    var blob = new Blob([html], { type: "application/vnd.ms-excel" });
    var a = document.getElementById("excel");
    // 利用URL.createObjectURL()方法为a元素生成blob URL
    a.href = URL.createObjectURL(blob);
    // 设置文件名，目前只有Chrome和FireFox支持此属性
    a.download = "信息表.xls";
}

或者

function toExcel(){
    // 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码
    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.getElementsByTagName("a")[0].outerHTML;
    // 利用URL.createObjectURL()方法为a元素生成blob URL
    a.href = URL.createObjectURL(blob);
    // 设置文件名，目前只有Chrome和FireFox支持此属性
    a.download = "渠道商信息表.xls";
}