溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“如何使用JavaScript把頁面上的表格導(dǎo)出為Excel文件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“如何使用JavaScript把頁面上的表格導(dǎo)出為Excel文件”吧!
如果在頁面上展示了一個數(shù)據(jù)表格，而用戶想把這個表格導(dǎo)出為Excel文件，那么在要求不高的情況下，可以不通過服務(wù)器生成表格，而是直接利用JavaScript的Blob和Object URL特性將表格導(dǎo)出。不過，丑話說在前頭，這篇隨筆中利用了Excel能打開HTML文檔的特性，所以導(dǎo)出的表格實際上是一個HTML文檔，并且其擴展名只能為.xls，而不能是.xlsx，否則Excel無法打開。（不過確實見過使用JavaScript生成真正Excel文件的方案，這里暫不提及。）
實現(xiàn)代碼如下，包含HTML頁面和JavaScript腳本
打開下載的文件： 使用開發(fā)者工具檢查a元素，就能大致明白blob URL的工作原理： <a href="blob:http://localhost:52347/0ead79dc-1896-4a53-b1f1-dfbafff4e953" download="學(xué)生成績表.xls">導(dǎo)出表格<!--a> 如果想通過按鈕導(dǎo)出文件，可以在按鈕的點擊事件中創(chuàng)建a元素，配置其屬性并觸發(fā)其點擊事件。 不過在FireFox中，需要先將創(chuàng)建的a元素放入body中，否則無法下載。
到此，相信大家對“如何使用JavaScript把頁面上的表格導(dǎo)出為Excel文件”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
