JavaScript導出數(shù)據(jù)到Excel

2012/11/11 12:27:21作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（wangbatian.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
function ExportExcel() 
{
var oXL = new ActiveXObject("Excel.Application");
 //創(chuàng)建excel應用程序?qū)ο?
var oWB = oXL.Workbooks.Add();        
//創(chuàng)建工作簿
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;
//設(shè)置標題的內(nèi)容
    }
}
oXL.Visible = true; //設(shè)置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>

【運行效果】

當前頁面數(shù)據(jù)

JavaScript導出數(shù)據(jù)到Excel運行效果

導入Excel中的效果

JavaScript導出數(shù)據(jù)到Excel運行效果

【難點剖析】

本例的重點是如何創(chuàng)建Excel對象，以及如何將數(shù)據(jù)顯示在Excel中?！癊xcel．Application”是IE中的“AetiveX”組件對象，可以創(chuàng)建Excel文件。“oSheet”變量是當前被激活的工作簿．使用“oSheet、Cells”可以獲取工作簿中的單元格。

【源碼下載】

為了JS代碼的準確性，請點擊：JavaScript導出數(shù)據(jù)到Excel 進行本實例源碼下載

標簽： JavaScript 導出 Excel