您的位置：首页 > 其它

导出网页中的table到excel

2011-09-27 22:28 288 查看

导出网页中的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" %>



<%

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就可以了！)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航