分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

使用JS导出页面内容到Excel

发布时间:2023-09-06 02:31责任编辑:郭大石关键词:暂无标签
  • 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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved