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

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

    博客分类:
  • web
阅读更多
<HTML>
  <HEAD>
  <META http-equiv=Content-Type content="text/html; charset=utf-8">
    <title>WEB页面导出为EXCEL文档的方法
    </title>
  </HEAD>
<body>
<BR>
<table id = "PrintA" width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor = "#61FF13">
<TR style="text-align : center;">
 <TD>单元格A</TD>
 <TD>单元格A</TD>
 <TD>单元格A</TD>
 <TD>单元格A</TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">单元格合并行A</FONT></TD>
</TR>
</TABLE>
<BR>
<table id = "PrintB" width="100%" border="1" cellspacing="0" cellpadding="0">
<TR style="text-align : center;">
 <TD>单元格B</TD>
 <TD>单元格B</TD>
 <TD>单元格B</TD>
 <TD>单元格B</TD>
</TR>
<TR>
 <TD colSpan=4 style="text-align : center;">单元格合并行B</TD>
</TR>
</TABLE>
<br><br><br>
<input type="button" onClick="javascript:AllAreaWord();" value="导出页面指定区域内容到Word">
<input type="button" onClick="javascript:CellAreaExcel();" value="导出页面指定区域内容到Excel">
<input type="button" onClick="javascript:AllAreaExcel2();" value="导出表单单元格内容到Excel">
<SCRIPT LANGUAGE="javascript">
 //指定页面区域内容导入Excel
 function AllAreaExcel() 
 {
 	//window.clipboardData.setData("Text",document.all('PrintA').outerHTML);
  var oXL = new ActiveXObject("Excel.Application"); 
  var oWB = oXL.Workbooks.Add(); 
  var oSheet = oWB.ActiveSheet;  
  
  var sel=document.body.createTextRange();
  sel.moveToElementText(PrintA);
  sel.select();
  sel.execCommand("Copy");
  
  oSheet.Paste();
  oXL.Visible = true;
 }
 
 function AllAreaExcel2() 
 {
 	alert("AllAreaExcel2");
 	window.clipboardData.setData("Text",document.all('PrintA').outerHTML);   
try  
{   
var ExApp = new ActiveXObject("Excel.Application")   
var ExWBk = ExApp.workbooks.add()   
var ExWSh = ExWBk.worksheets(1)   
ExApp.DisplayAlerts = false  
ExApp.visible = true  
}     
catch(e)   
{   
alert("您的电脑没有安装Microsoft Excel软件!")   
return false  
}    
 ExWBk.worksheets(1).Paste; 
}
 
 //指定页面区域“单元格”内容导入Excel
 function CellAreaExcel() 
 {
  var oXL = new ActiveXObject("Excel.Application"); 
  var oWB = oXL.Workbooks.Add(); 
  var oSheet = oWB.ActiveSheet; 
  var Lenr = PrintA.rows.length;
  for (i=0;i<Lenr;i++) 
  { 
   var Lenc = PrintA.rows(i).cells.length; 
   for (j=0;j<Lenc;j++) 
   { 
    oSheet.Cells(i+1,j+1).value = PrintA.rows(i).cells(j).innerText; 
   } 
  } 
  oXL.Visible = true; 
 }

 //指定页面区域内容导入Word
 function AllAreaWord()
 {
  var oWD = new ActiveXObject("Word.Application");
  var oDC = oWD.Documents.Add("",0,1);
  var oRange =oDC.Range(0,1);
  var sel = document.body.createTextRange();
  sel.moveToElementText(PrintA);
  sel.select();
  sel.execCommand("Copy");
  oRange.Paste();
  oWD.Application.Visible = true;
  //window.close();
 }
</SCRIPT>
</body>
</html>

 

分享到:
评论

相关推荐

    将table数据导出到excel

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

    layui数据表格导出Excel插件

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

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

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

    table表格导出到excel

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

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

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

    Ligerui Table导出excel 支持样式、冻结行列、图片等导出

    LigerUI Table的导出功能支持将这些图片一同导出到Excel中,这在报告、展示等场景下非常实用,确保了数据的完整性。 3. **固定行固定列导出**:在大型数据集的处理中,固定表头和侧边栏是常见的需求,它可以帮助...

    tableExport_html表格导出excel等多种格式

    "tableExport_html表格导出excel等多种格式"是一个便捷的工具,它允许用户将HTML表格的数据轻松地导出为Excel、CSV、PDF等格式。这个工具通过引入一个JavaScript库,大大简化了这个过程,使得网页开发者和非技术人员...

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

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

    table表格导出为excel

    在IT行业中,将网页上的表格数据导出到Excel文件是一种常见的需求,这有助于数据分析、存储和分享。"table表格导出为excel"的功能使得用户能够快速便捷地将HTML表格转换成Microsoft Excel格式,从而利用Excel的强大...

    easyui datagrid 数据导出到Excel

    在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面将详细介绍两种有效的方法来实现EasyUI Datagrid数据导出到Excel的功能,并结合提供的文件名来推测具体实现步骤。 *...

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

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

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

    在网页开发中,有时我们需要将HTML中的表格数据导出到Excel文件中,以便用户可以方便地进行数据分析或存储。这个示例就是关于如何在前端实现这一功能,无需借助后端接口,只用HTML、jQuery和JavaScript技术。我们将...

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

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

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

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

    js操作table导出excel

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

    aaaaa.rar_JavaScript Excel_Table_table 导出excel_导出excel

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

    Table表格导出为Excel、csv、txt、sql、json、xml、Word格式

    本项目提供的"Table表格导出为Excel、csv、txt、sql、json、xml、Word格式"就是这样一个功能丰富的解决方案,它允许用户将网页中的表格数据方便地转换为多种常见格式。 首先,我们来详细了解一下这些文件格式的特点...

    h5 列表导出为excel

    在IT领域,尤其是在Web开发中,常常需要将HTML5(H5)页面中的表格数据导出为Excel格式,以便用户可以方便地存储、编辑或分享数据。"h5 列表导出为excel"这个话题涉及到的技术点主要包括HTML5、JavaScript、CSS以及...

Global site tag (gtag.js) - Google Analytics