當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JavaScript導出數據到Excel

JavaScript導出數據到Excel

2012/11/11 12:27:21作者:佚名來源:網絡

移動端

【實例名稱】

JavaScript導出數據到Excel

【實例描述】

IE中提供了一些組件,用來在JavaScript中操作Office文檔。本例學習如何將頁面表格中的數據導人Excel中。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(www.yzddtk.cn)</title> <SCRIPT LANGUAGE="JavaScript"> function ExportExcel() { var oXL = new ActiveXObject("Excel.Application"); //創建excel應用程序對象 var oWB = oXL.Workbooks.Add();        //創建工作簿 var oSheet = oWB.ActiveSheet;         //獲取當前活動的工作簿 var table = document.all.data;        //獲取當前頁面中的表格 var hang = table.rows.length;         //獲取表格有多少行 var lie = table.rows(0).cells.length; //獲取首行有多少列-多少標題

for (i=0;i<hang;i++)               //添加標題到表格中 {     for (j=0;j<lie;j++)     {     oSheet.Cells(i+1,j+1).Value = table.rows(i).cells(j).innerText; //設置標題的內容     } } oXL.Visible = true; //設置Excel的屬性 oXL.UserControl = true; } </SCRIPT> </head> <body> <input type="button" name="btnExcel" onclick="ExportExcel()" value="導出到excel" class="notPrint"> <table id="data" width="200" border="1"> <tr> <td>姓名</td> <td>年齡</td> </tr> <tr> <td>張三</td> <td>22</td> </tr> <tr> <td>昂立</td> <td>33</td> </tr> <tr> <td>效力 </td> <td>23</td> </tr> </table> </body> </html>

 

【運行效果】

                                                    當前頁面數據

JavaScript導出數據到Excel運行效果

                                         導入Excel中的效果

JavaScript導出數據到Excel運行效果

【難點剖析】

本例的重點是如何創建Excel對象,以及如何將數據顯示在Excel中?!癊xcel.Application”是IE中的“AetiveX”組件對象,可以創建Excel文件?!皁Sheet”變量是當前被激活的工作簿.使用“oSheet、Cells”可以獲取工作簿中的單元格。

【源碼下載】

為了JS代碼的準確性,請點擊:JavaScript導出數據到Excel 進行本實例源碼下載 

標簽: 導出    

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频