table导出excel

最新推荐文章于 2024-04-30 11:15:23 发布

qq_41733859

最新推荐文章于 2024-04-30 11:15:23 发布

阅读量127

点赞数

文章标签： js html

本文链接：https://blog.csdn.net/qq_41733859/article/details/105176725

版权

<a id="output_table">导出</a>
    <script>
    // 核心：拼接完整的html格式文档并填充数据

    //使用outerHTML属性获取整个table元素的HTML代码， 包括根标签<table></table>
    // 自定义封装html格式文档<html><head></head><body></body></html>
    // 设置字符集，告诉浏览器以utf8方式解析，避免乱码<meta charset='utf-8'/>
    // 获取table数据并填充到自定义的html格式文档中
    var table_content = document.querySelector("#table_content").outerHTML;
    var html = "<html><head><meta charset='utf-8' /></head><body>" + table_content + "</body></html>";

    // 实例化一个Blob对象，
    // param1：包含文件内容的数组，
    // param2：包含文件类型属性的对象
    var blob = new Blob([html], {
        type: "application/vnd.ms-excel"
    });
    var output_table = document.querySelector("#output_table");
    // 利用URL.createObjectURL()方法为a元素生成blob URL
    output_table.href = URL.createObjectURL(blob);
    // 设置文件名，低级浏览器不支持
    output_table.download = "学生信息表.xls";
    </script>

方便自用

qq_41733859

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table导出excel

<a id="output_table">导出</a> <script> // 核心：拼接完整的html格式文档并填充数据 //使用outerHTML属性获取整个table元素的HTML代码，包括根标签<table></table> // 自定义封装html格式文档<html><hea...
复制链接

扫一扫