导出网页中的table到excel的两种简便方法：

1. 纯 JavaScript 方法，缺点只支持IE浏览器

var elTable = document.getElementById("tb");

var oRangeRef = document.body.createTextRange();

oRangeRef.moveToElementText( elTable );

oRangeRef.execCommand( "Copy" ); 

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

appExcel.Visible = true;

appExcel.Workbooks.Add().Worksheets.Item(1).Paste();

appExcel = null;

　　

实现功能就是把id为tb的表格内的数据都生成为excel。

2. 使用JSP的方法，其他语言类似，优点：支持各种浏览器

<%@ page contentType="application/msexcel" %>

<!-- 以上这行设定本网页为excel格式的网页 -->

<%

   response.setHeader("Content-disposition","inline; filename=test1.xls");

   //以上这行设定传送到前端浏览器时的档名为test1.xls

   //就是靠这一行，让前端浏览器以为接收到一个excel档

%>

<html>

<head>

<title>Excel档案呈现方式</title>

</head>

<body>

  <table border="1" width="100%">

    <tr>

      <td>姓名</td><td>身份证字号</td><td>生日</td>

    </tr>

    <tr>

      <td>李玟</td><td>N111111111</td><td>1900/11/12</td>

    </tr>

    <tr>

      <td>梁静如</td><td>N222222222</td><td>1923/10/1</td>

    </tr>

    <tr>

      <td>张惠妹</td><td>N333333333</td><td>1934/12/18</td>

    </tr>

  </table>

</body>

</html>

二、将网页资料以excel报表以下载的方式呈现
这个jsp档和上一个差不多，只有差别在这一行：
线上浏览的方式： response.setHeader("Content-disposition","inline; filename=test1.xls"); 
下载的方式： response.setHeader("Content-disposition","attachment; filename=test2.xls"); 
附注： 
1.以上纯以静态网页的方式呈现excel档，配合资料库，你便能以动态的报表方式做出excel报表了
2.完全不用安装任何元件，或只能受限於win平台，一个简单的方式解决你的报表需求 
3.聪明的你，应该能举一反三，知道如何将网页资料以word的doc格式展现了吧！
(是不是只要把contentType改成"application/msword"以及filename的副档名改成.doc就可以了！)

导出网页中的table到excel的更多相关文章

  1. javscript 导出html中的table到excel

    <script language="JavaScript" type="text/javascript"> /* * 默认转换实现函数,如果需要其他 ...

  2. C#读取Excel表格数据到DataGridView中和导出DataGridView中的数据到Excel

    其实想在datagridview中显示excel表格中的数据跟读取数据库中的数据没什么差别,只不过是创建数据库连接的时候连接字段稍有差别. private void btnShow_Click(obj ...

  3. <转>HTML中的table转为excel

    转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...

  4. C# 导出dataGridView中的值到Excel

    C# 怎么导出dataGridView中的值到Excel 1 2 3 4 5 6 在系统应用过程中,数据是系统的核心.如果直接在应用软件中看数据,有时也有些不便,所以就会把系统数据转换成Excel格式 ...

  5. JS 导出网页中Table内容到excel

    <html> <head> <script type="text/javascript" language="javascript" ...

  6. ASP.NET 导出gridview中的数据到Excel表中，并对指定单元格换行操作

    1. 使用NPOI读取及生成excel表. (1)导出Click事件: 获取DataTable; 给文件加文件名: string xlsxName = "xxx_" + DateT ...

  7. c#导出ListView中的数据到Excel表格

    1.添加组件:Microsoft.Office.Interop.Excel 步骤:右键点击“引用”--->添加引用--->COM--->Microsoft.Office.Intero ...

  8. EXT中导出表格中的数据到Excel

    { itemId: 'excel', text: '导出', iconCls: 'btnExportExcel', disabled: false, handler: function () { // ...

  9. [置顶] Jsp中的table多表头导出excel文件

    首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js /* * 默认转换实现函数,如果需要其他功能,需自行扩展 * 参数: * tableID : HTML中Ta ...

随机推荐

  1. sqlserver，获取调用存储过程返回数据的方法。

    1,获取存储过程最后select返回的结果集.SELECT 数据集返回值. 因为select返回的结果是一个表.所以返回的结果需要用一个表接收.使用临时表接收. 被调用的存储过程最后是这样:返回了一个 ...

  2. Android设置拍照或者上传本地图片

    效果例如以下: 看代码: MainActivity类中: package com.example.ceshidemo; import java.io.ByteArrayOutputStream; im ...

  3. linux 单机跨进程通信

    一般来说通过网络通信(比如tcp,udp)或者共享内存的方式肯定可以实现跨进程通信,但现在这里要说的是比较偏但实用的几个方法:利用unix域通信(普通网络连接),利用unix域通信(socketpai ...

  4. Atitit.输入法配置说明v1 q229

    Atitit.输入法配置说明v1 q229 //------------------------------------------------------ //   IME设置 //-------- ...

  5. ModelSim高级使用进阶_1_do文件和批处理文件使用_Camp

    https://wenku.baidu.com/view/50fb251914791711cc7917fd.html https://wenku.baidu.com/view/73187dcefe47 ...

  6. ubuntu 12.04 install gcc 4.8

    http://askubuntu.com/questions/271388/how-to-install-gcc-4-8-in-ubuntu-12-04-from-the-terminal sudo ...

  7. 160. Intersection of Two Linked Lists【easy】

    160. Intersection of Two Linked Lists[easy] Write a program to find the node at which the intersecti ...

  8. 605. Can Place Flowers【easy】

    605. Can Place Flowers[easy] Suppose you have a long flowerbed in which some of the plots are plante ...

  9. 561. Array Partition I【easy】

    561. Array Partition I[easy] Given an array of 2n integers, your task is to group these integers int ...

  10. UseParNewGC和UseParallelGC的区别

    1.UseParNewGC:并发串行收集器,它是工作在新生代的垃圾收集器,它只是将串行收集器多线程化,除了这个并没有太多创新之处,而且它们共用了相当多的代码.它与串行收集器一样,也是独占式收集器,在收 ...