html+js實現(xiàn)導(dǎo)出多sheet的excel

let classList = [{className: "exBody1", title: "產(chǎn)品單", type: 1}, {
    className: "exBody2", title: "下料單", type: 2
}, {className: "exBody3", title: "開料單", type: 3}, {
    className: "exBody4", title: "掩門單", type: 4
}, {className: "exBody5", title: "移門單", type: 5}, {
    className: "exBody6", title: "五金單", type: 6
}, {className: "exBody7", title: "線條單", type: 7}];
let Worksheet = '';
let htmlList = '';
let HRefList = '';
for (const cKey in classList) {
    let info = classList[cKey];
    // let tableHtml = document.getElementsByClassName(info.className);
    let tableHtml = document.getElementById(info.className);
    // 使用outerHTML屬性獲取整個table元素的HTML代碼（包括<table>標(biāo)簽）浮驳，然后包裝成一個完整的HTML文檔认然，設(shè)置charset為urf-8以防止中文亂碼
    let appendHtml = tableHtml.innerHTML;
    if (appendHtml.length < 600) {
        continue;
    }
    Worksheet += '<x:ExcelWorksheet><x:Name>' + info.title + '</x:Name><x:WorksheetSource HRef="' + info.className + '.htm"/></x:ExcelWorksheet>';
    htmlList += toZhExcelTable(info.className, appendHtml);
    HRefList += '<o:File HRef="' + info.className + '.htm"/>';
}
let txt = 'MIME-Version: 1.0\n' + 'X-Document-Type: Workbook\n' + 'Content-Type: multipart/related; boundary="----=_NextPart_dummy"\n' + '\n' + '------=_NextPart_dummy\n' + 'Content-Location: WorkBook.htm\n' + 'Content-Type: text/html; charset=utf-8\n' + '\n' + '<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">\n' + '<head>\n' + '<meta name="Excel Workbook Frameset">\n' + '<meta http-equiv="Content-Type" content="text/html; charset=utf-8">\n' + '<link rel="File-List" href="filelist.xml">\n' + '<!--[if gte mso 9]><xml>\n' + ' <x:ExcelWorkbook>\n' + '<x:ExcelWorksheets>' + Worksheet + '</x:ExcelWorksheets>\n' + '    <x:ActiveSheet>0</x:ActiveSheet>\n' + ' </x:ExcelWorkbook>\n' + '</xml><![endif]-->\n' + '</head>\n' + '<frameset>\n' + '    <frame src="sheet0.htm" name="frSheet">\n' + '    <noframes><body><p>This page uses frames, but your browser does not support them.</p></body></noframes>\n' + '</frameset>\n' + '</html>'
txt += htmlList;
txt += 'Content-Location: filelist.xml\n' + 'Content-Type: text/xml; charset="utf-8"\n' + '\n' + '<xml xmlns:o="urn:schemas-microsoft-com:office:office">\n' + '    <o:MainFile HRef="../WorkBook.htm"/>\n' + HRefList + '<o:File HRef="filelist.xml"/>\n' + '</xml>\n' + '------=_NextPart_dummy--';

// // 實例化一個Blob對象车柠，其構(gòu)造函數(shù)的第一個參數(shù)是包含文件內(nèi)容的數(shù)組，第二個參數(shù)是包含文件類型屬性的對象
let blob = new Blob([txt], {
    type: "text/plain;charset=utf-8",
}); //application/octet-stream
//也可以用js創(chuàng)建一個a標(biāo)簽
let a = document.createElement('a');
// 利用URL.createObjectURL()方法為a元素生成blob URL
a.href = URL.createObjectURL(blob);
// 設(shè)置文件名
a.download = title + ".xls"; //xlsx
a.click();

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末煞抬，一起剝皮案震驚了整個濱河市武通，隨后出現(xiàn)的幾起案子仁期，更是在濱河造成了極大的恐慌，老刑警劉巖将塑，帶你破解...
沈念sama閱讀 211,743評論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異蝌麸，居然都是意外死亡点寥，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,296評論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門来吩，熙熙樓的掌柜王于貴愁眉苦臉地迎上來敢辩，“玉大人，你說我怎么就攤上這事误褪≡瘅ⅲ” “怎么了？”我有些...
開封第一講書人閱讀 157,285評論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵兽间，是天一觀的道長历葛。經(jīng)常有香客問我，道長嘀略，這世上最難降的妖魔是什么恤溶？我笑而不...
開封第一講書人閱讀 56,485評論 1贊 283
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮帜羊，結(jié)果婚禮上咒程，老公的妹妹穿的比我還像新娘。我一直安慰自己讼育，他們只是感情好帐姻，可當(dāng)我...
茶點故事閱讀 65,581評論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著奶段，像睡著了一般饥瓷。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上痹籍，一...
開封第一講書人閱讀 49,821評論 1贊 290
城市分裂傳說
那天呢铆，我揣著相機(jī)與錄音，去河邊找鬼蹲缠。笑死棺克，一個胖子當(dāng)著我的面吹牛悠垛，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播娜谊，決...
沈念sama閱讀 38,960評論 3贊 408
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼确买，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了因俐？” 一聲冷哼從身側(cè)響起拇惋，我...
開封第一講書人閱讀 37,719評論 0贊 266
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎抹剩，沒想到半個月后撑帖，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 44,186評論 1贊 303
?護(hù)林員之死
正文獨居荒郊野嶺守林人離奇死亡澳眷，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 36,516評論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年胡嘿，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片钳踊。...
茶點故事閱讀 38,650評論 1贊 340
活死人
序言：一個原本活蹦亂跳的男人離奇死亡衷敌，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出拓瞪，到底是詐尸還是另有隱情缴罗，我是刑警寧澤，帶...
沈念sama閱讀 34,329評論 4贊 330
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布祭埂，位于F島的核電站面氓，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏蛆橡。R本人自食惡果不足惜舌界，卻給世界環(huán)境...
茶點故事閱讀 39,936評論 3贊 313
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望泰演。院中可真熱鬧呻拌，春花似錦、人聲如沸睦焕。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,757評論 0贊 21
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽垃喊。三九已至猾普，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間缔御，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 31,991評論 1贊 266
情欲美人皮
我被黑心中介騙來泰國打工妇蛀，沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留耕突，地道東北人笤成。一個月前我還...
沈念sama閱讀 46,370評論 2贊 360
代替公主和親
正文我出身青樓，卻偏偏與公主長得像眷茁，于是被迫代替她去往敵國和親炕泳。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 43,527評論 2贊 349

html+js實現(xiàn)導(dǎo)出多sheet的excel

推薦閱讀更多精彩內(nèi)容