js匯出到excel的3種方法

來源:互聯網
上載者:User

一、 直接拷貝整個表格到EXCEL中

 

二、 通過遍曆表格,給EXCEL中相應的儲存格賦值。

 

三、 把表格中的內容提取出來,利用IE的另存新檔.csv的格式。

 

各方法的好處:

 

1. 直接拷貝表格,能夠保留表格中的原有的格式,比如,列,行的合并,對齊,底色等等,

 

2. 通過遍曆表格,比較靈活,可以遍曆表格某些需要部分的內容。

 

3. 利用IE的另存新檔,不用建立ActiveXObject對象,可以處理表格合并方面的問題。

 

各方法的缺點:

 

1. 可能彈出指令碼錯誤:Automation不能建立對象。

 

解決方案:啟用IE安全設定中的:對沒有標記為安全的ActiveX控制項進行初始化和指令碼運行。

 

由於整個表格複製到EXCEL中,給表格加個標題,並加入到EXCEL中可能會遇到麻煩。

 

解決方案:首先在表格中加入第一行

 

<tr><td colspan="x" align="center">&</td></tr>

 

X,表示整個表格的列數,複製完整個表格後,加如下代碼,oSheet為當前活動的sheet.

 

oSheet.Range(oSheet.Cells(1, 1), oSheet.Cells(1, x)).value = "表格標題";//設定標題

 

oSheet.Rows(1).Font.Size = 16; //設定文字大小

 

oSheet.Rows(1).Font.Name = "宋體";//設定文字字型

 

註:以下屬性我沒用著,可能有用,也可能會報錯

 

oSheet.Range(oSheet.Cells(1,1), oSheet.Cells(1,14)).mergecells=true; //合併儲存格

 

oSheet.Range(oSheet.Cells(1,1), oSheet.Cells(1,14)).Interior.ColorIndex=6;//設定底色?

 

oSheet.Range(oSheet.Cells(1,1), oSheet.Cells(1,14)).Font.ColorIndex=5;//設定字型色?

 

oSheet.Rows(1).RowHeight=20; //設定列高

 

oSheet.Cells(iRow,iCol).Halignment=’2’//設定字型置中

 

2. 可能彈出指令碼錯誤:Automation不能建立對象(解決方案如上)。

 

表格內容寫入到EXCEL中無表格線(未解決)

 

且有儲存格合并時會有問題,解決方案:合併儲存格後再寫資料。

 

oSheet.Range(oSheet.Cells(1,1), oSheet.Cells(1,14)).mergecells=true; //合併儲存格

 

3. 表格內容寫入到EXCEL中無表格線(未解決)

 

表格格式複雜時,會有問題,(rowspan>1 or colspan>1),解決方案:一般都是表頭格式比較複雜,可先把表頭寫死,然後再迴圈寫其他資料。

 

 

代碼如下:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

 

 <BODY>

  <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">

 

<tr>

 

<td colspan="5" align="center">WEB頁面匯出為EXCEL文檔的方法</td>

 

</tr>

 

<tr>

 

<td>欄位標題1</td>

 

<td>欄位標題2</td>

 

<td>欄位標題3</td>

 

<td>欄位標題4</td>

 

<td>欄位標題5</td>

 

</tr>

 

<tr>

 

<td>aaa</td>

 

<td>bbb</td>

 

<td>ccc</td>

 

<td>ddd</td>

 

<td>eee</td>

 

</tr>

 

<tr>

 

<td>AAA</td>

 

<td>BBB</td>

 

<td>CCC</td>

 

<td>DDD</td>

 

<td>EEE</td>

 

</tr>

 

<tr>

 

<td>FFF</td>

 

<td>GGG</td>

 

<td>HHH</td>

 

<td>III</td>

 

<td>JJJ</td>

 

</tr>

 

 

</table>

<input type="button" onclick="javascript:method1('tableExcel');" value="第一種方法匯入到EXCEL">

 

<input type="button" onclick="javascript:method2('tableExcel');" value="第二種方法匯入到EXCEL">

 

<input type="button" onclick="javascript:getXlsFromTbl('tableExcel',null);" value="第三種方法匯入到EXCEL">

<SCRIPT LANGUAGE="javascript">

 

function method1(tableid)

{//整個表格拷貝到EXCEL中

 

var curTbl = document.getElementById(tableid);

 

var oXL = new ActiveXObject("Excel.Application");

 

//建立AX對象excel

 

var oWB = oXL.Workbooks.Add();

 

//擷取workbook對象

 

var oSheet = oWB.ActiveSheet;

 

//啟用當前sheet

 

var sel = document.body.createTextRange();

 

sel.moveToElementText(curTbl);

 

//把表格中的內容移到TextRange中

 

sel.select();

 

//全選TextRange中內容

 

sel.execCommand("Copy");

 

//複製TextRange中內容

 

oSheet.Paste();

 

//粘貼到活動的EXCEL中

 

oXL.Visible = true;

 

//設定excel可見屬性

 

}

 

function method2(tableid) //讀取表格中每個單元到EXCEL中

{

 

var curTbl = document.getElementById(tableid);

 

var oXL = new ActiveXObject("Excel.Application");

 

//建立AX對象excel

 

var oWB = oXL.Workbooks.Add();

 

//擷取workbook對象

 

var oSheet = oWB.ActiveSheet;

 

//啟用當前sheet

 

var Lenr = curTbl.rows.length;

 

//取得表格行數

 

for (i = 0; i < Lenr; i++)

 

{

 

var Lenc = curTbl.rows(i).cells.length;

 

//取得每行的列數

 

for (j = 0; j < Lenc; j++)

 

{

 

oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;

 

//賦值

 

}

 

}

 

oXL.Visible = true;

 

//設定excel可見屬性

 

}

 

function getXlsFromTbl(inTblId, inWindow) {

 

try {

 

var allStr = "";

 

var curStr = "";

 

 

//alert("getXlsFromTbl");

 

if (inTblId != null && inTblId != "" && inTblId != "null") {

 

curStr = getTblData(inTblId, inWindow);

 

}

 

 

if (curStr != null) {

 

allStr += curStr;

 

}

 

else {

 

alert("你要匯出的表不存在!");

 

return;

 

}

 

 

var fileName = getExcelFileName();

 

doFileExport(fileName, allStr);

 

 

}

 

catch(e) {

 

alert("匯出發生異常:" + e.name + "->" + e.description + "!");

 

}

 

}

//---------------------------------------------

function getTblData(inTbl, inWindow) {

 

var rows = 0;

 

 

//alert("getTblData is " + inWindow);

 

var tblDocument = document;

 

 

if (!!inWindow && inWindow != "") {

 

if (!document.all(inWindow)) {

 

return null;

 

}

 

else {

 

tblDocument = eval(inWindow).document;

 

}

 

}

 

 

var curTbl = tblDocument.getElementById(inTbl);

 

 

var outStr = "";

 

 

if (curTbl != null) {

 

for (var j = 0; j < curTbl.rows.length; j++) {

 

//alert("j is " + j);

 

for (var i = 0; i < curTbl.rows[j].cells.length; i++) {

 

//alert("i is " + i);

 

if (i == 0 && rows > 0) {

 

outStr += "  ";

 

rows -= 1;

 

}

 

outStr += curTbl.rows[j].cells[i].innerText + " ";

 

if (curTbl.rows[j].cells[i].colSpan > 1) {

 

for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {

 

outStr += "  ";

 

}

 

}

 

if (i == 0) {

 

if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {

 

rows = curTbl.rows[j].cells[i].rowSpan - 1;

 

}

 

}

 

}

 

outStr += " ";

 

}

 

}

 

else {

 

outStr = null;

 

alert(inTbl + "不存在!");

 

}

 

return outStr;

 

}

 

function getExcelFileName() {

 

var d = new Date();

 

 

var curYear = d.getYear();

 

var curMonth = "" + (d.getMonth() + 1);

 

var curDate = "" + d.getDate();

 

var curHour = "" + d.getHours();

 

var curMinute = "" + d.getMinutes();

 

var curSecond = "" + d.getSeconds();

 

 

if (curMonth.length == 1) {

 

curMonth = "0" + curMonth;

 

}

 

if (curDate.length == 1) {

 

curDate = "0" + curDate;

 

}

 

if (curHour.length == 1) {

 

curHour = "0" + curHour;

 

}

 

if (curMinute.length == 1) {

 

curMinute = "0" + curMinute;

 

}

 

if (curSecond.length == 1) {

 

curSecond = "0" + curSecond;

 

}

 

 

var fileName = "leo_zhang" + "_" + curYear + curMonth + curDate + "_"

 

+ curHour + curMinute + curSecond + ".csv";

 

//alert(fileName);

 

return fileName;

 

}

 

 

function doFileExport(inName, inStr) {

 

var xlsWin = null;

 

 

if (!!document.all("glbHideFrm")) {

 

xlsWin = glbHideFrm;

 

}

 

else {

 

var width = 6;

 

var height = 4;

 

var openPara = "left=" + (window.screen.width / 2 - width / 2)

 

+ ",top=" + (window.screen.height / 2 - height / 2)

 

+ ",scrollbars=no,width=" + width + ",height=" + height;

 

xlsWin = window.open("", "_blank", openPara);

 

}

 

 

xlsWin.document.write(inStr);

 

xlsWin.document.close();

 

xlsWin.document.execCommand('Saveas', true, inName);

 

xlsWin.close();

 

}

</SCRIPT>

 

 </BODY>

</HTML>

 

 

 

本文來自CSDN部落格,轉載請標明出處:http://blog.csdn.net/zhongzhengfeng/archive/2009/04/20/4094831.aspx

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.