日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

记-纯前端excle下载

發(fā)布時(shí)間：2024/10/12 HTML 76 豆豆
生活随笔 收集整理的這篇文章主要介紹了 记-纯前端excle下载 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
var fileName = '下載的文件名'；
var label = [{'labelName1':'excle頭1'}，{'labelName2':'excle頭2'}，{'labelName3':'excle頭3'}，{'labelName4':'excle頭4'}]；
var data = [{'labelName1':'excle內(nèi)容1'},{'labelName2':'excle內(nèi)容2'},{'labelName3':'excle內(nèi)容3'},{'labelName4':'excle內(nèi)容4'}]

data = typeof data !== 'boject' ? JOSN.parse(data) : data;
var excle = '<table>';
#設(shè)置表頭
var row = '<tr align="left">';//設(shè)置表格中的樣式左居中
for(var i = 0; i < label.length; i++){
　for(var key in label[i]){
　　row += '<td>'+label[i][key]+'</td>';
　}
}

excle = row + '</tr>';

//設(shè)置數(shù)據(jù)
for(var i = 0; i < data.length; i++){
　　var rowData = '<tr align="left">';
　　for(var y =0; y < label.length; y++){
　　　　for(var k in label[y]){
　　　　　　if(label[y].hasOwnProperty(k)){
　　　　　　　　rowData += '<td style="vnd.ms-excel.numberformat:@">'+(data[i][k] === null ? "" : data[i][k]) + '</td>';//vnd.ms-excel.numberformat:@ 輸出為文本 　　　　　　}
　　　　}
　　}
　　excle += rowData + '</tr>';
}
excle += '</table>';

#excel文件的內(nèi)容 var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';
excelFile += '; charset=UTF-8">';
excelFile += "<head>";
excelFile += "<!--[if gte mso 9]>";
excelFile += "<xml>";
excelFile += "<x:ExcelWorkbook>";
excelFile += "<x:ExcelWorksheets>";
excelFile += "<x:ExcelWorksheet>";
excelFile += "<x:Name>";
excelFile += "{worksheet}";
excelFile += "</x:Name>";
excelFile += "<x:WorksheetOptions>";
excelFile += "<x:DisplayGridlines/>";
excelFile += "</x:WorksheetOptions>";
excelFile += "</x:ExcelWorksheet>";
excelFile += "</x:ExcelWorksheets>";
excelFile += "</x:ExcelWorkbook>";
excelFile += "</xml>";
excelFile += "<![endif]-->";
excelFile += "</head>";
excelFile += "<body>";
excelFile += excel;
excelFile += "</body>";
excelFile += "</html>"; //以excle格式文件下載到本地 var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);
var link = document.createElement("a");
link.href = uri;
link.style = "visibility:hidden";
link.download =fileName + ".xls"; document.body.appendChild(link);
link.click();
document.body.removeChild(link);

轉(zhuǎn)載于:https://www.cnblogs.com/leonchan/p/11496099.html

總結(jié)

以上是生活随笔為你收集整理的记-纯前端excle下载的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。