js前端匯出excel表格
阿新 • • 發佈:2019-01-01
執行環境必備要求:excel軟體、IE瀏覽器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <SCRIPT language="javascript"> function ExportToExcel(tableId) //讀取表格中每個單元到EXCEL中 { try{ var curTbl = document.getElementById(tableId); var oXL = new ActiveXObject("Excel.Application"); //建立AX物件excel var oWB = oXL.Workbooks.Add(); //獲取workbook物件 var oSheet = oWB.ActiveSheet; var lenRow = curTbl.rows.length; //取得表格行數 for (i = 0; i < lenRow; i++) { var lenCol = curTbl.rows(i).cells.length; //取得每行的列數 for (j = 0; j < lenCol; j++) { oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText; } } oXL.Visible = true; //設定excel可見屬性 }catch(e){ if((!+'\v1')){ //ie瀏覽器 alert("無法啟動Excel,請確保電腦中已經安裝了Excel!\n\n如果已經安裝了Excel,"+"請調整IE的安全級別。\n\n具體操作:\n\n"+"工具 → Internet選項 → 安全 → 自定義級別 → ActiveX 控制元件和外掛 → 對未標記為可安全執行指令碼的ActiveX 控制元件初始化並執行指令碼 → 啟用 → 確定"); }else{ alert("請使用IE瀏覽器進行“匯入到EXCEL”操作!"); //方便設定安全等級,限制為ie瀏覽器 } } } </SCRIPT> </head> <body> <table id="content" width="98%" border="1" align="center" cellpadding="1" cellspacing="1" > <!-- 報表頭部分 --> <tr> <th>時間</th> <th>列1</th> <th>列2</th> <th>列3</th> <th>列4</th> <th>列5</th> </tr> <tr> <td>合計:</td> <td>32,036</td> <td>3,609</td> <td>11.27%</td> <td></td> <td>0</td> </tr> <!-- 報表資料--> <tr > <td>2014-04-07</td> <td>17773</td> <td>1,881</td> <td>0</td> <td>268</td> <td>0</td> </tr> <tr> <td>2014-04-08</td> <td>14263</td> <td>1,728</td> <td>0</td> <td>208</td> <td>0</td> </tr> </table> <input type="button" value="頁面匯出excel" onclick='ExportToExcel("content")'> </body> </html>
定義一個ExportToExcel函式,在該函式中呼叫控制元件生成Excel檔案。