JS将Web页面中的Table导出为Excel

实际应用当初将数据表格导出为Excel很是常见，当然从后台数据处理后当初到Excel最为常见，但是有的时候总是显得不是很方便。

下面就是我最近用到的一个方法，当然也是从网上学习到的(表示感谢下，呵呵)，在这里想和大家分享下，希望能帮助到一些朋友

1、Web页面中不管用什么方法，不管是Asp.net中的GridView还是Ajax取数据构造，最终呈现在页面中的数据列表，基本上我想都是Table形势的，本人用到是flexigrid生产的数据列表，分析其结构为列头和数据不在一个Table中，分别在flexigrid_head(只有列头)和flexigrid_dotNetFlexGrid1(只有数据Ttody)两个个Table中。

2、最后通过页面中的按钮事件调用即可 getXlsFromTbl(\'flexigrid_head\', \'flexigrid_dotNetFlexGrid1\', null, "合同列表");

3、具体JS代码如下

function getXlsFromTbl(intTheadID, inTblId, inWindow, fileName) {

    try {
        var allStr = "";
        var curStr = "";
        if (inTblId != null && inTblId != "" && inTblId != "null") {
            curStr = getTblData(intTheadID, inTblId, inWindow);
        }
        if (curStr != null) {
            allStr += curStr;
        }
        else {
            alert("你要导出的表不存在！");
            return;
        }
        var fileName = getExcelFileName(fileName);
        doFileExport(fileName, allStr);
    }

    catch (e) {
        alert("导出发生异常:" + e.name + "->" + e.description + "!");
    }
}


//填充数据 inTblHead表示列头所在Table的ID,inTbl表示数据所在Table的ID,inWindow表示两个Table所在区域

//说明下：如果数据和列头在一个Table中更好，只需对下面的代码稍微改变下(橙色部分可以去掉，当然inTblHead这个参数就无效了)
function getTblData(inTblHead, inTbl, inWindow) {

    var rows = 0;
    var tblDocument = document;
    if (!!inWindow && inWindow != "") {
        if (!document.all(inWindow)) {
            return null;
        }
        else {
            tblDocument = eval(inWindow).document;
        }
    }

    var curTblHead = tblDocument.getElementById(inTblHead);
    var curTbl = tblDocument.getElementById(inTbl);
    var outStr = "";
    if (curTblHead != null) {//表头
        for (var i = 0; i < curTblHead.rows[0].cells.length; i++) {
            if (i == 0 && rows > 0) {
                outStr += " \t";
                rows -= 1;
            }
            outStr += curTblHead.rows[0].cells[i].innerText.toString() + "\t";
            if (curTblHead.rows[0].cells[i].colSpan > 1) {
                for (var k = 0; k < curTblHead.rows[j].cells[i].colSpan - 1; k++) {
                    outStr += " \t";
                }
            }
            if (i == 0) {
                if (rows == 0 && curTblHead.rows[0].cells[i].rowSpan > 1) {
                    rows = curTblHead.rows[0].cells[i].rowSpan - 1;
                }
            }
        }
        outStr += "\r\n";
    }

    if (curTbl != null) { //表数据行
        for (var j = 0; j < curTbl.rows.length; j++) {
            for (var i = 0; i < curTbl.rows[j].cells.length; i++) {
                if (i == 0 && rows > 0) {
                    outStr += " \t";
                    rows -= 1;
                }
                outStr += curTbl.rows[j].cells[i].innerText.toString() + "\t";
                if (curTbl.rows[j].cells[i].colSpan > 1) {
                    for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {
                        outStr += " \t";
                    }
                }
                if (i == 0) {
                    if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {
                        rows = curTbl.rows[j].cells[i].rowSpan - 1;
                    }
                }
            }
            outStr += "\r\n";
        }
    }
    else {
        outStr = null;
        alert(inTbl + "不存在!");
    }
    return outStr;
}



//设置导出文件名
function getExcelFileName(myName) {
    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 = myName + "_" + 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();
}