js导出为excel表格

柔光的暖阳◎ 2022-12-29 14:28 247阅读 0赞

**html:**

<table id="data">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>成绩</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>680</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>664</td>
        </tr>
    </table>
    
    <a id="toExcel">导出excel</a>

**js:**

var element = document.getElementById("toExcel");
    var toExcel = function(event) {
        var html = "<html><head><meta charset='UTF-8'></head><body>"+document.getElementById("data").outerHTML+"</body></html>";
        // 创建一个Blob对象，第一个参数是文件的数据，第二个参数是文件类型属性对象
        var blob = new Blob([html],{type:"application/vnd.ms-excel"});
        var a = event.target;
        // 利用URL的createObjectURL方法为元素a生成blobURL
        a.href = URL.createObjectURL(blob);
        // 设置文件名
        a.download = "成绩";
    }
    element.onclick = toExcel;

>  *  `innerHTML` 设置或获取位于对象起始和结束标签内的HTML  
>     **eg:**
> 
>     <div id="test">
>         <span>test</span>
>     </div>
>     console.log(document.getElementById('test').innerHTml)
>     输出： <span>test</span>
> 
>  *  `outerHTML`设置或获取对象及其内容的HTML形式
> 
>     <div id="test">
>         <span>test</span>
>     </div>
>     console.log(document.getElementById('test').outerHTML)
>     输出： <div id="test"><span>test</span></div>

**相关链接**  
[Blob][]

[Blob]: https://developer.mozilla.org/zh-CN/docs/Web/API/Blob

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue+element 表格导出为Excel文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

雨点打透心脏的1/2处/ 2023年10月09日 11:59/ 0 赞/ 60 阅读

相关 js导出为excel表格

html: <table id="data"> <tr> <th>序号</th> <th>姓名</th

柔光的暖阳◎/ 2022年12月29日 14:28/ 0 赞/ 248 阅读

相关数据库导出为excel表格的封装

数据库导出为excel表格的封装 / @name ExcelUtil @description 数据库导出Excel或Excel导入数据库的操作 @requ

Myth丶恋晨/ 2022年12月09日 02:31/ 0 赞/ 206 阅读

相关 js导出excel表格

1. 在html页面先写一个a标签 <a id="excel" title="导出" οnclick="toExcel()">导出excel</a> 2.再写js

╰+攻爆jí腚メ/ 2022年06月05日 07:58/ 0 赞/ 255 阅读

相关 Excel表格导出

1.查询出满足条件的数据： //查询数据 List<WayBill> wayBills = wayBillService.findAll(model); 2

我就是我/ 2022年05月12日 04:16/ 0 赞/ 359 阅读

相关 PowerDesigner 表格导出为excel

PD菜单栏中，依次点击 Tools ->Excute Commands->Edit/Run Script.. 填入以下代码： ' Option Explic

不念不忘少年蓝@/ 2022年05月08日 13:52/ 0 赞/ 379 阅读

相关使用js-xlsx库,将表格table导出为Excel表格

npm install xlsjs 引入xlsx.full.min.js 和export.js <body> <button onclick="ta

布满荆棘的人生/ 2022年02月01日 12:25/ 0 赞/ 904 阅读

相关使用js-xlsx库,将数据导出为Excel表格

npm install xlsjs 引入xlsx.full.min.js <body> <button type="button" onclick

╰+攻爆jí腚メ/ 2022年02月01日 12:17/ 0 赞/ 600 阅读

相关 Excel表格导出

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月25日员工数据导出到excel表格，导出前要对数据处理，因为一个项目可以导出的数据比较多，在导出前

梦里梦外;/ 2022年01月27日 06:21/ 0 赞/ 545 阅读

相关 js 导出table表格为Excel、CSV

使用table2excel.js 插件快速导出table表格为Excel <!DOCTYPE html> <html> <head>

本是古典何须时尚/ 2021年07月25日 17:31/ 0 赞/ 890 阅读