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

js导出table表中数据到Excel中

    博客分类:
  • JS
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
<HTML>   
 <HEAD>   
  <TITLE> 导出到Excel </TITLE>   
  <META NAME="Generator" CONTENT="EditPlus">   
  <META NAME="Author" CONTENT="">   
  <META NAME="Keywords" CONTENT="">   
  <META NAME="Description" CONTENT="">   
  <script>   
    function toExcel(inTblId, inWindow) {    
            try {    
                var allStr = "";    
                var curStr = "";    
                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;    
            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++) {    
                    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 + "\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 = "卖场" + "_" + curYear + "年" + curMonth + "月" + curDate + "日" + "_"    
+ curHour + "点" + curMinute + "分" + curSecond + "秒" + ".csv";    
            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>   
 </HEAD>   
  
 <BODY>   
 <table id="toExcel" border="1" bgcolor="#999999">   
     <tr>   
          <td height="25" align="center" bgcolor="#CCCCCC">姓名</td>   
          <td align="center" bgcolor="#CCCCCC">性别</td>   
          <td align="center" bgcolor="#CCCCCC">年龄</td>   
          <td align="center" bgcolor="#CCCCCC">地区</td>   
          <td align="center" bgcolor="#CCCCCC">工作</td>   
    </tr>   
          <td align="center" bgcolor="#FFFFFF">黑色头发</td>   
          <td align="center" bgcolor="#FFFFFF">男</td>   
          <td align="center" bgcolor="#FFFFFF">99</td>   
          <td align="center" bgcolor="#FFFFFF">北京</td>   
          <td align="center" bgcolor="#FFFFFF">工程师</td>   
    </tr>   
    </tr>   
          <td align="center" bgcolor="#FFFFFF">紫色头发</td>   
          <td align="center" bgcolor="#FFFFFF">女</td>   
          <td align="center" bgcolor="#FFFFFF">99</td>   
          <td align="center" bgcolor="#FFFFFF">北京</td>   
          <td align="center" bgcolor="#FFFFFF">工程师</td>   
    </tr>   
    </tr>   
          <td align="center" bgcolor="#FFFFFF">白色头发</td>   
          <td align="center" bgcolor="#FFFFFF">男</td>   
          <td align="center" bgcolor="#FFFFFF">79</td>   
          <td align="center" bgcolor="#FFFFFF">北京</td>   
          <td align="center" bgcolor="#FFFFFF">歌手</td>   
    </tr>   
</table>   
  <input type="button" onclick="javascript:toExcel('toExcel',null);" value="导出到EXCEL">    
  
 </BODY>   
</HTML> 

 

分享到:
评论

相关推荐

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

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

    解决tableExport导出到excel中文乱码

    解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码

    js操作table导出excel

    在JavaScript开发中,有时我们需要将HTML表格的数据导出为Excel文件,以便用户可以方便地存储和处理数据。本文将深入探讨如何使用JavaScript、jQuery和HTML来实现这一功能,特别是通过JavaScript操作HTML表格来生成...

    将table数据导出到excel

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

    前端导出Excel table2excel

    在前端开发中,有时我们需要提供一个功能,让用户能够将网页上的表格数据导出为Excel文件。"前端导出Excel table2excel"就是这样一个解决方案,它实现了在浏览器端将HTML表格直接转换为Excel文件,实现了“所见即...

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

    总的来说,纯JavaScript导出HTML表格到Excel涉及到的主要知识点包括: 1. DOM遍历:获取表格数据。 2. Blob对象:创建二进制文件。 3. URL.createObjectURL:创建可下载的URL。 4. 文件下载:模拟文件下载操作(非...

    vue el-table前端 file-saver 导出excel可导出分页数据.zip

    本篇文章将深入探讨如何在Vue.js项目中结合`el-table`和`file-saver`库,实现前端导出分页数据到Excel的功能。 首先,我们需要了解`el-table`。它是Element UI的一部分,提供了一种灵活的方式来展示和操作表格数据...

    js 导出table为excel/csv/png/txt/doc文件(支持中文)

    在JavaScript开发中,有时我们需要将网页中的表格数据导出为不同的文件格式,如Excel、CSV、PNG、TXT或DOC,以便于数据存储、分析或共享。这个话题涉及到多个技术领域,包括HTML DOM操作、文件API、以及第三方库的...

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

    总的来说,将JavaScript中的HTML表格数据导出到Excel,尤其是带有样式信息,涉及到数据获取、格式转换以及文件下载等多个步骤。通过使用合适的库,如`SheetJS`,可以简化这一过程,使导出功能更加完善。同时,需要...

    layui数据表格导出Excel插件

    layui数据表格导出Excel插件是一款为layui框架设计的实用工具,它允许用户方便地将layui数据表格中的数据导出到Excel文件中。layui是一款轻量级的前端UI框架,以其简洁、优雅的代码风格和丰富的组件库深受开发者喜爱...

    js将table数据导出到excel

    js导出excel,若果导不出excel,修改一下浏览器的安全级别到最低试试。

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

    总的来说,`jquery.table2excel.js`提供了一个简洁的解决方案,让Web开发者能够快速为用户提供表格数据导出到Excel的功能。通过合理的配置和适当的HTML、CSS、JavaScript代码,你可以创建出满足用户需求的导出体验。...

    用jquery-table2excel,进行导出excel表格 带图片 jquery.table2excel.js下载

    在现代Web应用中,数据的导入导出功能是不可或缺的一部分,特别是导出表格到Excel,以便用户可以方便地处理和存储数据。`jquery-table2excel`是一个jQuery插件,专门用于实现这一功能,允许用户从网页上的HTML表格...

    js实现导出table到excel

    javascri实现将table中数据保存到excel中

    JavaScript 实现 Excel数据导出 支持多个Sheet页导出

    在前端开发中,有时我们需要为用户提供将数据导出到Excel的功能,这在处理大量表格数据时尤为实用。本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出,同时支持多个Sheet页的导出。这个功能...

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

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

    js 实现table导出到excel中

    简单方便的jquery.table2excel.js 实现table导出到excel中,可以自行修改js代码

    HTML导出table数据到excel

    "HTML导出table数据到excel"这个话题就是关于如何实现这一功能的。下面我们将详细讲解这个过程,并通过一个实际的示例来演示。 首先,我们需要了解HTML表格的基本结构。HTML表格由`&lt;table&gt;`元素定义,包含`&lt;tr&gt;`...

    easyui datagrid 数据导出到Excel

    2. 获取datagrid数据:通过EasyUI Datagrid的API,如`$("#datagridId").datagrid("getData")`获取到数据对象。 3. 创建HTML表格:根据获取的数据,构建一个HTML `&lt;table&gt;`元素,结构与Datagrid相同。 4. 调用wxport...

Global site tag (gtag.js) - Google Analytics