`
zgqynx
  • 浏览: 1374354 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript实现把网页中table的内容导入到excel中的几种方法__摘录

阅读更多
分享程序员赚钱方法
Javascript实现把网页中table的内容导入到excel中的几种方法
                                  
一、            直接拷贝整个表格到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),解决方法:一般都是表头格式比较复杂,可先把表头写死,然后再循环写其他数据。



网页内容如下:(可直接拷贝到记事本,然后保存为html格式,用IE打开,有问题欢迎交流:joyleo@126.com)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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

</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 += " \t";

                    rows -= 1;

                }

                outStr += curTbl.rows[j].cells[i].innerText + "\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() {

    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>

原帖http://www.cublog.cn/u/23292/showart_162129.html
有困难,找猪八戒


分享到:
评论
1 楼 qingyuan914 2007-06-25  

相关推荐

    aaaaa.rar_JavaScript Excel_Table_table 导出excel_导出excel

    这个"aaaaa.rar_JavaScript Excel Table_table 导出excel_导出excel"的主题涉及了如何利用JavaScript来实现从HTML表格(TABLE)导出数据到Excel文件的功能。下面将详细解释这一过程以及相关的技术知识点。 首先,...

    将网页中的table导入excel2007

    在IT领域,将网页中的表格(table)导入Excel2007是一项常见的需求,这有助于数据分析、信息整理和报告制作。下面将详细讲解这个过程,以及可能涉及的相关知识点。 1. **网页表格抓取** - **HTML解析**:网页上的...

    将网页table表格中导出到Excel表格中

    用Javascript实现的将网页table中的数据导出到excel表格中!JSP ASP.NET 静态页面都可以使用!代码简单实用!

    js excel表内容导入到页面table中

    通过以上步骤,我们可以实现将Excel数据导入到HTML页面的table中。需要注意的是,实际开发中可能需要结合具体项目需求,调整或扩展这些步骤。例如,如果需要支持服务器端导入,那么还需要处理文件上传到服务器的逻辑...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法.docx

    本文将探讨如何使用JavaScript实现将表格内容导出到Excel以及从Excel导入表格的功能。 首先,我们要了解如何使用JavaScript将Excel内容导入表格。这个过程涉及到ActiveXObject,这是一个仅在Internet Explorer中...

    javascript 将table数据导出到excel中(支持表格线的导出)

    在JavaScript中将HTML表格数据导出到Excel是常见的需求,特别是在网页交互中处理大量数据时。这个过程涉及到几个关键步骤,包括数据获取、格式转换以及文件下载触发。在这个实例中,我们将探讨如何实现这一功能,...

    前端页面导出table中的内容到excel

    在前端开发中,有时我们需要将用户在网页上看到的表格数据导出到Excel文件中,以便用户可以离线查看或进一步处理。这个过程涉及到的技术主要包括HTML表格操作、数据转换和文件下载。以下是对这个主题的详细说明: 1...

    html-export-Excel.rar_EXCEL导出_excel_export-excel.js_html excel_j

    在这个例子中,当用户点击“导出到Excel”按钮时,`exportTable()`函数会被调用,它获取HTML表格并调用`ExcelExport`方法(假设是`excel-export-excel.js`提供的API),将表格内容导出为名为`output.xlsx`的文件。...

    js excel 批量复制数据到 html

    本教程将详细介绍如何使用JavaScript(js)实现从Excel文档批量复制数据并粘贴到HTML表格(table)中的技术。这一功能对于数据处理、报表展示以及用户交互等方面具有很高的实用价值。 首先,我们要明白JavaScript...

    Excel复制进入详细表_oa系统_Excel复制进入详细表_泛微OA_

    7. **JS脚本支持**:文件名中的"Excel复制进入详细表.js"可能表示该功能背后的实现涉及到JavaScript编程,这表明泛微OA系统可能使用JavaScript进行前端交互和逻辑处理,使得用户界面更加友好,操作更加流畅。...

    【JavaScript源代码】纯JS将table表格导出到excel的方法.docx

    在JavaScript中,将HTML表格导出到Excel是常见的需求,特别是...以上就是纯JavaScript将table表格导出到Excel的基本原理和方法,实际应用中可能需要根据具体需求进行调整,例如添加样式支持、错误处理、兼容性优化等。

    Spring框架实现Excel批量导入数据

    Excel是一种常用的电子表格软件,它的数据通常存储在工作簿(Workbook)中,每个工作簿可以包含多个工作表(Sheet)。在Java中,我们可以使用Apache POI库来操作Excel文件,它为读取、写入和修改Excel文档提供了API...

    html中table表格导出Excel示例(亲测可用)

    总的来说,这个示例提供了一种前端实现HTML表格到Excel导出的方法,利用了HTML、jQuery和JavaScript的特性。用户在前端即可完成数据导出,提高了用户体验,同时也减轻了后端服务器的压力。在实际项目中,可以根据...

    网页表格生成excel-table2excel.rar

    在压缩包`网页表格生成-exceltable2excel` 中,很可能包含了示例代码和使用说明,你可以参考这些资源快速上手。总的来说,`table2excel` 是一个简单易用且功能强大的工具,能够帮助开发者快速实现网页表格到Excel的...

    javaScript导入excel(jxl)

    在本篇内容中,我们将探讨如何使用JavaScript结合jxl库来实现Excel文件的导入功能。值得注意的是,虽然标题中提到的是“JavaScript导入excel(jxl)”,但实际上jxl库是Java的一个库,并非直接与JavaScript相关。...

    excel复制数据,粘贴到页面表格插件.zip

    在前端开发中,有时我们需要实现将Excel表格中的数据复制并粘贴到网页的HTML表格中。这个需求在处理大量数据导入或用户交互时非常常见。本项目提供的"前端实现excel复制数据,粘贴到页面表格工具.zip"就是一个解决...

    table表格导出到excel

    在网页中,将HTML表格的数据导出到Excel文件是一种常见的需求,这可以帮助用户方便地管理和分析数据。在给定的场景中,我们主要涉及到的技术包括HTML、JavaScript(JS)、以及可能用于服务器端处理的Java(jsp)。...

    jquery.table2excel.js(用于table导出Excel文件)

    《使用jQuery实现Table到Excel的导出功能》 在现代Web开发中,用户常常需要将网页上的表格数据导出为Excel文件,以便于数据分析、存储或共享。jQuery.table2excel.js是一个非常实用的插件,它能帮助开发者轻松地...

    将table数据导出到excel

    在IT行业中,将表格数据(table)导出到Excel是一种常见的需求,特别是在数据分析、报表制作和数据共享等场景。本文将详细介绍如何通过修改`jquery.table2excel.js`源码实现这个功能,尤其针对IE浏览器的支持。 ...

    javaWeb导入Excel分析后添加到数据库

    在JavaWeb开发中,将Excel数据导入到数据库是一项常见的需求,尤其在数据处理、报表生成或数据分析场景下。本项目提供了完整的源码实现,帮助开发者理解并应用这一功能。通过以下步骤,我们可以实现这个过程: 1. *...

Global site tag (gtag.js) - Google Analytics