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
----------------------------- 分 ------------------------------ 隔 ------------------------------ 线 ------------------------------
- 大小: 51.8 KB
- 大小: 6.4 KB
分享到:
相关推荐
javascrit 导出excel表格好东西,用的着的时候就来找找吧
HTML用JS导出Excel的五种方法.javascript导出excel的5种方法
一个经典的JavaScript导出excel函数
javascript导出Excel
js 实现 用JavaScript导出图像到Excel! 值得下载看看!资源免费,大家分享!!
纯JavaScript实现json格式数据导出到Excel文件,支持多个Sheet页导出
js导出execl,自动合并单元格,自动增行,增列
Json格式数据 纯JavaScript 使用简单
Javascript导出excel为xlsx格式,兼容IE6+和主流浏览器,下载下来直接可以使用。 其他javascript导出excel插件可看作者文章:https://blog.csdn.net/qq_21693027/article/details/80459677
javaScript写的方法,将html导出word和excel的详细例子。
原生js 导出excel
3种javascript导出excel 供大家参考
JavaScript传入TABLE的NAME,导出EXCEL文件
JavaScript利用ActiveX导出Excel,Word
Javascript导出excel为xlsx格式,兼容IE6+和主流浏览器,下载下来直接可以使用。 其他javascript导出excel插件可看作者文章:https://blog.csdn.net/qq_21693027/article/details/80459677
IE浏览器下是将内容复制到Excel,需用户手动保存Excel文档 非IE浏览器可直接导出Excel文件
JavaScript导出数据到Excel! 值得下载看看!资源免费,大家分享!!
java\JavaScript利用ActiveX导出Excel,Word .doc
Javascript导出excel为xlsx格式,兼容IE6+和主流浏览器,下载下来直接可以使用。 其他javascript导出excel插件可看作者文章:https://blog.csdn.net/qq_21693027/article/details/80459677
html <div > ('tableExcel','myDiv')">IE导出Excel方法</button> ('tableExcel')">Chrome导出Excel</button> </div> <div id="myDiv"> <table id="tableExcel" width="100%" border="1" cellspac