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

     

 

转载于:https://www.cnblogs.com/wxdblog/p/10331334.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值