极简单js代码导出网页的table表格为Excel

然仔 15天前 31

网页的table表格在实际应用当中,有的需要导出到excel,如快递订单打印和数据进一步归类分析等,使用原生语言相当麻烦,如果使用js则可以很简单的导出table表格为excel。

代码如下:

<center style="margin-top:25px;">		
		<a id="daochu">导出本数据为excel表格</a>
</center>


    <script>
        // 使用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];
        // 利用URL.createObjectURL()方法为a元素生成blob URL
        a.href = URL.createObjectURL(blob);
        // 设置文件名
        a.download = "统计表-烟台数通智能科技有限公司数据管理工具.xls";
    </script>


最新回复 (0)
发新帖