zoukankan      html  css  js  c++  java
  • 使用JS导出页面内容到Excel

    • JS代码
      <script>
          $(function(){
      
              // 使用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.getElementsByClassName('export')[0];
      
              // 利用URL.createObjectURL()方法为a元素生成blob URL
              a.href = URL.createObjectURL(blob);
              // 设置文件名
      
              a.download = "【{$user_name}】提成详情表.xls";
          })
      </script>
    • 导出按钮
      <a href="" class="export" style="text-decoration: none;display: inline-block; 100%;">导出详情表</a>
  • 相关阅读:
    【小技巧】如何输入未知长度的数组,用回车结束输入
    Python基础(二)
    Python基础(一)
    Appium Mac 环境安装
    c# 多线程
    c# 并行计算
    C# 反射
    VI 编辑器
    Linq and Lambda
    WINDOWS 命令
  • 原文地址:https://www.cnblogs.com/wxdblog/p/10331334.html
Copyright © 2011-2022 走看看