Javascript导出Excel的方法

sjsky

浏览: 921617 次
性别:
来自: 上海

最近访客更多访客>>

ouaijsun

码猿工

u010469169

yannier

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

JavaScript 导出Excel ActiveXObject IE

blog迁移至 :http://www.micmiu.com

本文仅仅是描述前端WEB或者是在做demo时如何简单实现Excel导出。

[1]、主要的测试代码如下：

<!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=gb2312" />
<title>JavaScript实现WEB页面导出为EXCEL的方法</title>
</head>
<body>
<br />
<table id="michale_table" width="100%" border="1" cellspacing="0"
	cellpadding="0">
	<tr>
		<td colspan="5" align="center">JavaScript实现WEB页面导出为EXCEL的方法</td>
	</tr>
	<tr>
		<td>主题</td>
		<td>site地址</td>
		<td>作者</td>
	</tr>
	<tr>
		<td>Simple XML</td>
		<td>http://sjsky.iteye.com/blog/1182057</td>
		<td>Michael</td>
	</tr>
	<tr>
		<td>keepalived实现双机热备</td>
		<td>http://sjsky.iteye.com/blog/1156403</td>
		<td>Michael</td>
	</tr>
	<tr>
		<td>nginx安装及负载均衡配置</td>
		<td>http://sjsky.iteye.com/blog/1156195</td>
		<td>Michael</td>
	</tr>
</table>
<br />
<input type="button"
	onclick="javascript:exportTableToExcel('michale_table');"
	value="导出Excel" />
</body>
<script type="text/javascript">
function exportTableToExcel(table_id){ 
  var o_AXO = new ActiveXObject("Excel.Application");
  var o_WB;
  var o_Sheet;
  try{
  	o_WB = o_AXO.Workbooks.Add();
  	//激活当前sheet 
  	o_Sheet = o_WB.ActiveSheet;
  }catch(err){
  	alert("仅适用于IE浏览器,同时请确认已经安装好Excel软件");
  	return false;
  }

  var o_table = document.getElementById(table_id); 
  var row_len = o_table.rows.length; 
 
  for (i = 0; i < row_len; i++) 
  { 
      var cell_len = o_table.rows[i].cells.length; 

      for (j = 0; j < cell_len; j++) 
      { 
      	var cellText = o_table.rows[i].cells[j].innerText;
      	 o_Sheet.Cells(i + 1, j + 1).value = cellText;
      } 
  } 
	o_AXO.Visible = true; 
}
</script>
</html>

[2]、页面截图：

[3]、导出Excel的截图：

[4]、说明

JavaScript基本实现了页面内容直接导出Excel文件，完全在前端实现，但是要实现该功能需要具备以下前提条件：

IE浏览器
系统已经安装好Office Excel软件

本文连接：http://sjsky.iteye.com/blog/1183573

转载请注明来自：Michael's blog @ http://sjsky.iteye.com

----------------------------- 分 ------------------------------ 隔 ------------------------------ 线 ------------------------------

查看图片附件

10
顶

6
踩

分享到：

swing中Label添加下划线几种方法(含完美 ... | Simple XML

2011-09-30 00:37
浏览 3146
评论(5)
分类:Web前端
查看更多

5 楼 sjsky 2012-08-29

hxsmile 写道

请问怎么将EXCEL的数据导入到网页table中，急求。。。

你是要纯js 实现excel导入页面table，还是web项目中比如可以通过后台实现？

4 楼 hxsmile 2012-08-29

请问怎么将EXCEL的数据导入到网页table中，急求。。。

3 楼 zhangyaochun 2011-09-30

1927105 写道

这个只适合于IE，局限性比较大，建议LZ通过后台实现，java中典型的有poi和jxl，lz参考下。

个人觉得，针对企业级的软件系统是不需要过多地如同互联网行业一样支持多个浏览器的。但是前台脚本实现选用的方式可以选择form表单请求数据通过mvc指向某一个模板jsp页面将查询返回的results进行1楼说的java输出成excel或者word等下载模式。更多的是考虑大数据量的到场的效率。以前我做的时候还有一个就是前台拼接数据形成'<xml version="1.0" encoding="utf-8">' +
'<ss:Workbook xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:o="urn:schemas-microsoft-com:office:office">' +
'<o:DocumentProperties><o:Title>' + null + '</o:Title></o:DocumentProperties>' 类似于这样的模板。支持自定义样式等等。个人意见

2 楼 sjsky 2011-09-30

1927105 写道

这个只适合于IE，局限性比较大，建议LZ通过后台实现，java中典型的有poi和jxl，lz参考下。

有关jxl的我以前有介绍过，本来就是记录下如何在没有后台的情况下简单实现导出

1 楼 1927105 2011-09-30

这个只适合于IE，局限性比较大，建议LZ通过后台实现，java中典型的有poi和jxl，lz参考下。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论