jsp页面导出成excel（局限于Chrome和FireFox）

最新推荐文章于 2024-04-24 15:37:32 发布

爱喝酒的程序员

最新推荐文章于 2024-04-24 15:37:32 发布

阅读量510

点赞数

本文链接：https://blog.csdn.net/qq_36856975/article/details/74941996

版权

1.先上源码，后面解释：

//数据导出功能
$("#FrostDataExcel").append("<a id='tabledownload'>数据导出<a>");

var html_table ="<table><caption>无霜方程为："+listEquation[0]+"</caption><caption>有霜方程为："+listEquation[1]+"</caption></table><br>"+

    "<table border='1'><caption>表1 霜与各气象要素的相关系数</caption>"+document.getElementsByTagName("thead")[0].outerHTML+document.getElementsByTagName("tbody")[0].outerHTML+
    "</table><br/>"+
    "<table><tr>"+document.getElementById("tabCorrelation_p5").outerHTML+"</tr></table>"+

    "<table border='1'><caption>表2 霜及相关气象要素分辨率</caption>"+document.getElementsByTagName("thead")[1].outerHTML+document.getElementsByTagName("tbody")[1].outerHTML+
    "</table><br/>"+

    "<table border='1'><caption>表3 模型回算结果</caption>"+document.getElementsByTagName("thead")[2].outerHTML+document.getElementsByTagName("tbody")[2].outerHTML+
    "</table><br/>"+
    "<table><tr>"+document.getElementById("tabBack_p5").outerHTML+"</tr></table>"+

    "<table border='1'><caption>表4 模型检验结果</caption>"+document.getElementsByTagName("thead")[3].outerHTML+document.getElementsByTagName("tbody")[3].outerHTML+
    "</table><br/>"+
    "<table><tr>"+document.getElementById("tabCheck_p5").outerHTML+"</tr></table>"+

    "<table border='1'><caption>表5 初霜、终霜和有霜实况</caption>"+document.getElementsByTagName("thead")[4].outerHTML+document.getElementsByTagName("tbody")[4].outerHTML+document.getElementsByTagName("tfoot")[0].outerHTML+
    "</table>"+
    "<table><tr>"+document.getElementById("tabLive_p5").outerHTML+"</tr></table>";

// 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码
var html = "<html><head><meta charset='utf-8' /></head><body>" + html_table + "</body></html>";

// 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
var a = document.getElementById("tabledownload");

// 利用URL.createObjectURL()方法为a元素生成blob URL
a.href = URL.createObjectURL(blob);

// 设置文件名，目前只有Chrome和FireFox支持此属性
a.download = site+"详细信息.xls";

2.解释：

（1）先在所需要的页面上动态添加一个a标签，提供数据导出功能按钮

（2）然后动态拼接出所需要生成的Excel表格，此处要将内容包含在<table></table>标签内。

（3）利用属性去生成。

（4）目前只有Chrome和FireFox浏览器支持。

爱喝酒的程序员

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsp页面导出成excel（局限于Chrome和FireFox）

1.先上源码，后面解释：//数据导出功能$("#FrostDataExcel").append("数据导出");var html_table ="无霜方程为："+listEquation[0]+"有霜方程为："+listEquation[1]+""+ "表1 霜与各气象要素的相关系数"+document.getElementsByTagName("thead")[0].ou
复制链接

扫一扫