通過將json遍歷進行字符串拼接，將字符串輸出到csv文件，輸出的文件不會再是html類型的文件而是真正的csv文件，代碼如下
<html> <head> <p style="font-size: 20px;color: red;">使用a標簽方式將json導出csv文件</p> <button onclick='tableToExcel()'>導出</button> </head> <body> <script> function tableToExcel(){ //要導出的json數據 var jsonData = [ { name:'路人甲', phone:'123456789', email:'000@123456.com' }, { name:'炮灰乙', phone:'123456789', email:'000@123456.com' }, { name:'土匪丙', phone:'123456789', email:'000@123456.com' }, { name:'流氓丁', phone:'123456789', email:'000@123456.com' }, ] //列標題，逗號隔開，每一個逗號就是隔開一個單元格 let str = `姓名,電話,郵箱\n`; //增加\t為了不讓表格顯示科學計數法或者其他格式 for(let i = 0 ; i < jsonData.length ; i++ ){ for(let item in jsonData[i]){ str+=`${jsonData[i][item] + '\t'},`; } str+='\n'; } //encodeURIComponent解決中文亂碼 let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str); //通過創建a標簽實現 var link = document.createElement("a"); link.href = uri; //對下載的文件命名 link.download = "json數據表.csv"; document.body.appendChild(link); link.click(); document.body.removeChild(link); } </script> </body> </html>