使用JS导出页面内容到Excel

标签：pre   har   script   完整   xls   方法   参数   利用   实例   

• 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;width: 100%;">导出详情表</a>

   

使用JS导出页面内容到Excel

标签：pre   har   script   完整   xls   方法   参数   利用   实例   

原文地址：https://www.cnblogs.com/wxdblog/p/10331334.html