JavaScript导出Excel实例详解

　　本文实例讲述了JavaScript导出Excel的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:

　　<head>

　　<title>WEB页面导出为EXCEL文档的方法</title>

　　</head>

　　<body>

　　<tr>

　　<td colspan="5" align="center">WEB页面导出为EXCEL文档的方法</td>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　</table>

　　function method1(tableid) {//整个表格拷贝到EXCEL中

　　var curTbl = document.getElementByIdx_x_x(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.getElementByIdx_x_x(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_r(inWindow).document;

　　}

　　var curTbl = tbldocument.getElementByIdx_x_x(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>

　　下面是处理excel 进程关闭问题

复制代码代码如下:

// JavaScript中的析构问题(ActiveX Object示例)

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

　　var strSaveLocation = 'file:///E:/1.xls'

　　function createXLS() {

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

　　var wk = excel.Workbooks.Add();

　　wk.SaveAs(strSaveLocation);

　　wk.Saved = true;

　　excel.Quit();

　　}

　　function writeXLS() {

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

　　var wk = excel.Workbooks.Open(strSaveLocation);

　　var sheet = wk.Worksheets(1);

　　sheet.Cells(1, 1).Value = '测试字符串';

　　wk.SaveAs(strSaveLocation);

　　wk.Saved = true;

　　excel.Quit();

　　}

　　</script>

　　<body>

　　</body>

　　在这个例子中，在本地文件操作时并不会出现异常。——最多只是有一些内存垃圾而已。然而，如果strSaveLocation是一个远程的URL，这时本地将会保存一个文件存取权限的凭证，而且同时只能一个(远程的)实例来开启该excel文档并存储。于是如果反复点击"重写"按钮，就会出现异常。

　　——注意，这是在SPS中操作共享文件时的一个实例的简化代码。因此，它并非“学术的”无聊讨论，而且工程中的实际问题。

　　解决这个问题的方法很复杂。它涉及到两个问题：

　　① 本地凭证的释放

　　② ActiveX Object实例的释放

　　下面我们先从JavaScript中对象的“失效”问题说起。简单的说：

　　① 一个对象在其生存的上下文环境之外，即会失效。

　　② 一个全局的对象在没有被执用(引用)的情况下，即会失效。

　　例如：

复制代码代码如下:

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

　　// JavaScript对象何时失效

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

　　function testObject() {

　　var _obj1 = new Object();

　　}

　　function testObject2() {

　　var _obj2 = new Object();

　　return _obj2;

　　}

　　// 示例1

　　testObject();

　　// 示例2

　　testObject2()

　　// 示例3

　　var obj3 = testObject2();

　　obj3 = null;

　　// 示例4

　　var obj4 = testObject2();

　　var arr = [obj4];

　　obj3 = null;

　　arr = [];

　　在这四个示例中：

　　- “示例1”在函数testObject()中构造了_obj1，但是在函数退出时，它就已经离开了函数的上下文环境，因此_obj1失效了；

　　- “示例2”中，testObject2()中也构造了一个对象_obj2并传出，因此对象有了“函数外”的上下文环境(和生存周期)，然而由于函数的返回值没有被其它变量“持有”，因此_obj2也立即失效了；

　　- “示例3”中，testObject2()构造的_obj2被外部的变量obj3持用了，这时，直到“obj3=null”这行代码生效时，_obj2才会因为引用关系消失而失效。

　　- 与示例3相同的原因，“示例4”中的_obj2会在“arr=[]”这行代码之后才会失效。

　　但是，对象的“失效”并不等会“释放”。在JavaScript运行环境的内部，没有任何方式来确切地告诉用户“对象什么时候会释放”。这依赖于JavaScript的内存回收机制。——这种策略与.NET中的回收机制是类同的。

　　在前面的Excel操作示例代码中，对象的所有者，也就是"EXCEL.EXE"这个进程只能在“ActiveX Object实例的释放”之后才会发生。而文件的锁，以及操作系统的权限凭证是与进程相关的。因此如果对象仅是“失效”而不是“释放”，那么其它进程处理文件和引用操作系统的权限凭据时就会出问题。

　　——有些人说这是JavaScript或者COM机制的BUG。其实不是，这是OS、IE和JavaScript之间的一种复杂关系所导致的，而非独立的问题。

　　Microsoft公开了解决这种问题的策略：主动调用内存回收过程。

　　在(微软的)JScript中提供了一个CollectGarbage()过程(通常简称GC过程)，GC过程用于清理当前IE中的“失效的对象失例”，也就是调用对象的析构过程。

　　在上例中调用GC过程的代码是：

复制代码代码如下:

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

　　// 处理ActiveX Object时，GC过程的标准调用方式

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

　　function writeXLS() {

　　//(略...)

　　excel.Quit();

　　excel = null;

　　setTimeout(CollectGarbage, 1);

　　}

　　第一行代码调用excel.Quit()方法来使得excel进程中止并退出，这时由于JavaScript环境执有excel对象实例，因此excel进程并不实际中止。

　　第二行代码使excel为null，以清除对象引用，从而使对象“失效”。然而由于对象仍旧在函数上下文环境中，因此如果直接调用GC过程，对象仍然不会被清理。

　　第三行代码使用setTimeout()来调用CollectGarbage函数，时间间隔设为'1'，只是使得GC过程发生在writeXLS()函数执行完之后。这样excel对象就满足了“能被GC清理”的两个条件：没有引用和离开上下文环境。

　　GC过程的使用，在使用了ActiveX Object的JS环境中很有效。一些潜在的ActiveX Object包括XML、VML、OWC(Office Web Componet)、flash，甚至包括在JS中的VBArray。

　　从这一点来看，ajax架构由于采用了XMLHTTP，并且同时要满足“不切换页面”的特性，因此在适当的时候主动调用GC过程，会得到更好的效率用UI体验。

　　事实上，即使使用GC过程，前面提到的excel问题仍然不会被完全解决。因为IE还缓存了权限凭据。使页的权限凭据被更新的唯一方法，只能是“切换到新的页面”，因此事实上在前面提到的那个SPS项目中，我采用的方法并不是GC，而是下面这一段代码：

复制代码代码如下:

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

　　// 处理ActiveX Object时采用的页面切换代码

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

　　function writeXLS() {

　　//(略...)

　　excel.Quit();

　　excel = null;

　　// 下面代码用于解决IE call Excel的一个BUG, MSDN中提供的方法:

　　// setTimeout(CollectGarbage, 1);

　　// 由于不能清除(或同步)网页的受信任状态, 所以将导致SaveAs()等方法在

　　// 下次调用时无效.

　　location.reload();

　　}

　　最后之最后，关于GC的一个补充说明：在IE窗体被最小化时，IE将会主动调用一次

　　CollectGarbage()函数。这使得IE窗口在最小化之后，内存占用会有明显改善。

　　希望本文所述对大家基于javascript的web程序设计有所帮助。

教程首页更多教程