js导出table数据到excel即导出为EXCEL文档的方法

148 阅读 0 评论 98 点赞

我是靠谱客的博主火星上月饼，最近开发中收集的这篇文章主要介绍js导出table数据到excel即导出为EXCEL文档的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<!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>WEB页面导出为EXCEL文档的方法</title> 
</head> 
<body> 
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> 
<tr> 
<td colspan="5" align="center"> 
WEB页面导出为EXCEL文档的方法 
</td> 
</tr> 
<tr> 
<td> 
列标题1 
</td> 
<td> 
列标题2 
</td> 
<td> 
列标题3 
</td> 
<td> 
列标题4 
</td> 
<td> 
列标题5 
</td> 
</tr> 
<tr> 
<td> 
aaa 
</td> 
<td> 

</td> 
<td> 
ccc 
</td> 
<td> 
ddd 
</td> 
<td> 
eee 
</td> 
</tr> 
<tr> 
<td> 
AAA 
</td> 
<td> 

</td> 
<td> 
CCC 
</td> 
<td> 
DDD 
</td> 
<td> 
EEE 
</td> 
</tr> 
<tr> 
<td> 
FFF 
</td> 
<td> 
GGG 
</td> 
<td> 
HHH 
</td> 
<td> 
III 
</td> 
<td> 
JJJ 
</td> 
</tr> 
</table> 
<input type="button" onclick="javascript：method1('tableExcel');" value="第一种方法导入到EXCEL"> 

<script language="javascript"> 

function method1(tableid) {//整个表格拷贝到EXCEL中 

var curTbl = document.getElementById(tableid); 

var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel 

var oWB = oXL.Workbooks.Add(); //获取workbook对象 

var oSheet = oWB.ActiveSheet; //激活当前sheet 

var sel = document.body.createTextRange(); 

sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中 

sel.select(); //全选TextRange中内容 

sel.execCommand("Copy"); //复制TextRange中内容 

oSheet.Paste(); //粘贴到活动的EXCEL中 

oXL.Visible = true; //设置excel可见属性 

} 


</script> 

</body> 
</html> 