JS兼容瀏覽器的導(dǎo)出Excel（CSV）文件的方法
更新時間：2014年05月03日 08:37:51 作者：
項目中經(jīng)常需要導(dǎo)出Excel文件，不在服務(wù)器端處理而是富客戶端采用Javascript腳本處理數(shù)據(jù)并導(dǎo)出文件
Js導(dǎo)出表格為Excel文件 的常見一種辦法是調(diào)用：ActiveXObject("Excel.Application") ，但是這種方法有局限性，只能在IE系列下的瀏覽器里實現(xiàn)，兼容性方面不理想。
經(jīng)測試,采用本文推薦的方法能兼容性較好的導(dǎo)出表格內(nèi)容到Excel文件。
復(fù)制代碼 代碼如下:
var str = "博客, 域名\nBlog, 2\njb51.net, 3";
var uri = 'data:text/csv;charset=utf-8,' + str;
var downloadLink = document.createElement("a");
downloadLink.href = uri;
downloadLink.download = "export.csv";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
這種方法在谷歌/火狐系列瀏覽器里是OK的，但是在IE里會有“傳遞給系統(tǒng)調(diào)用的數(shù)據(jù)區(qū)域太小 ”的報錯提示，原因是href指定的值的字節(jié)數(shù)過多。
So，對于IE瀏覽器只好判斷下，采用ActiveXObject的形式。
如此便能較好的使用Javascript導(dǎo)出HTML內(nèi)容到Excel文件。
相關(guān)文章
js隨機生成字母數(shù)字組合的字符串 隨機動畫數(shù)字
本篇文章給大家分享的js隨機生成字母數(shù)字組合的字符串，js隨機生成動畫數(shù)字，包括常用的產(chǎn)生隨機數(shù)的用法，需要的朋友可以參考下2015-09-09
JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實例分析了javascript操作XML文件與table表格的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
如果你需要在瀏覽器端處理Excel文件,那么xlsx.js可能是一個不錯的選擇,這篇文章主要介紹了利用xlsx.js讀取excel文件的詳細(xì)過程,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
javascript jq 彈出提示效果實現(xiàn)的方法有很多，可能會在某些地方看到過，下面為大家演示個示例介紹下如何實現(xiàn)jq 彈出層，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了js判斷上傳文件類型判斷FileUpload文件類型代碼,需要的朋友可以參考下2014-05-05
JavaScript indexOf的第二個參數(shù)用法
indexOf 是我們非常熟悉的一個方法,它可以用來獲取某一個元素在一個數(shù)組里的位置,我們一般就會使用 array.indexOf(element) 的方法來進(jìn)行使用,但是,大家有沒有使用過 indexOf 的第二個參數(shù)呢？本文將給大家介紹一下indexOf的第二個參數(shù)用法,需要的朋友可以參考下2024-02-02
JS實現(xiàn)簡單的選擇題測評系統(tǒng)代碼思路詳解(demo)
本文給大家分享js實現(xiàn)簡單的選擇題測評系統(tǒng)實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-09-09
JavaScript實現(xiàn)頁面跳轉(zhuǎn)的幾種常用方式
這篇文章主要介紹了JavaScript實現(xiàn)頁面跳轉(zhuǎn)的幾種常用方式,結(jié)合實例形式對比分析了JavaScript頁面跳轉(zhuǎn)的常見實現(xiàn)技巧與相關(guān)注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
解決頁面整體使用transform scale后高德地圖點位點擊偏移錯位問題
這篇文章主要介紹了解決頁面整體使用transform scale后高德地圖點位點擊偏移錯位問題的方法，具有一定的參考價值，需要的小伙伴可以參考一下2022-01-01
jquery及js實現(xiàn)動態(tài)加載js文件的方法
這篇文章主要介紹了jquery及js實現(xiàn)動態(tài)加載js文件的方法,結(jié)合實例形式分別講述了基于jQuery以及基于JavaScript的文件動態(tài)加載方法,需要的朋友可以參考下2016-01-01