JavaScript将页面表格导出为Excel的具体实现


Posted in Javascript onDecember 27, 2013
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>导出Excel</TITLE> 
<script type="text/javascript"> 
var idTmr = ""; 
function killExcelProcess(appExcel_){ 
appExcel_.Quit(); 
appExcel_ = null; 
idTmr = window.setInterval("Cleanup();",1); 
} //导出到excel,参数tableid为JSP页面需要导出的table的id,需要更改IE的安全设置,ActiveX都打开,如果还是不能使用,再服务端运行“regsvr32 scrrun.dll” 
function exportToExcel(tableid,notitleandsearch){ 
try { 
clipboardData.setData('Text',''); 
var appExcel = new ActiveXObject("Excel.Application"); 
killExcelProcess(appExcel); 
appExcel.workbooks.add; 
//标题 
if (notitleandsearch==null||notitleandsearch==false){ 
var elTable = document.getElementById('div_title'); 
var oRangeRef = document.body.createTextRange(); 
oRangeRef.moveToElementText(elTable); 
oRangeRef.execCommand( "Copy" ); 
appExcel.ActiveSheet.Cells(1,3).select(); 
appExcel.ActiveSheet.Paste(); 
clipboardData.setData('Text',''); 
appExcel.ActiveSheet.Cells(2,1).select(); 
appExcel.ActiveSheet.Paste(); 
} 
var elTable1 = document.getElementById(tableid); 
var oRangeRef1 = document.body.createTextRange(); 
oRangeRef1.moveToElementText(elTable1); 
oRangeRef1.execCommand( "Copy" ); 
appExcel.WorkSheets(1).Activate; 
if (notitleandsearch==null||notitleandsearch==false){ 
appExcel.ActiveSheet.Cells(3,1).select(); 
}else{ 
appExcel.ActiveSheet.Cells(1,1).select(); 
} 
appExcel.WorkSheets(1).Activate; 
appExcel.ActiveSheet.Paste(); 
appExcel.Visible = true; 
} catch(e) { 
alert("请确认IE安全设置,ActiveX都启用!"); 
return false; 
} 
clipboardData.setData('text',''); 
} 
</script> 
</HEAD> 
<BODY> 
<button onclick="javascript:exportToExcel('testList','');">导出</button><br> 
<div id='div_title' > 
<font color='black' size='4'><strong>导出报表</strong></font> 
</div> 
<table id = "testList" bordercolor="#000000" border = "1"> 
<tr> 
<td>序列</td> 
<td>姓名</td> 
<td>数量</td> 
</tr> 
<tr> 
<td>1</td> 
<td>张三1</td> 
<td>2</td> 
</tr> 
<tr> 
<td>2</td> 
<td>张三2</td> 
<td>2</td> 
</tr> 
<tr> 
<td>3</td> 
<td>张三3</td> 
<td>2</td> 
</tr> 
<tr> 
<td>4</td> 
<td>张三4</td> 
<td>2</td> 
</tr> 
<tr> 
<td>5</td> 
<td>张三5</td> 
<td>2</td> 
</tr> 
<tr> 
<td colspan="2">总计:</td> 
<td>10</td> 
</tr> 
</table> 
</BODY> 
</HTML>
Javascript 相关文章推荐
JavaScript 快捷键设置实现代码
Mar 13 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
jQuery实现文档树效果
Feb 20 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
详解vue 实例方法和数据
Oct 23 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 Javascript
JavaScript组合模式---引入案例分析
May 23 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 #Javascript
location.href用法总结(最主要的)
Dec 27 #Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 #Javascript
JS去除字符串两端空格的简单实例
Dec 27 #Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 #Javascript
js控制input输入字符解析
Dec 27 #Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 #Javascript
You might like
文件上传类
2006/10/09 PHP
php命令行用法入门实例教程
2014/10/27 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
php版微信自动获取收货地址api用法示例
2016/09/22 PHP
php获取linux命令结果的实例
2017/03/13 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
javascript学习指南之回调问题
2016/04/23 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
python解析文件示例
2014/01/23 Python
python爬虫超时的处理的实例
2018/12/19 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
python连接PostgreSQL过程解析
2020/02/09 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
python怎么提高计算速度
2020/06/11 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
限量版运动鞋和街头服饰:TheDrop
2020/09/06 全球购物
实习护士自我鉴定
2013/10/13 职场文书
公司财务工作总结的自我评价
2013/11/23 职场文书
女娲补天教学反思
2014/02/05 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
战略合作协议书范本
2014/04/18 职场文书
大学活动总结模板
2014/07/10 职场文书
大学生创业事迹材料
2014/12/30 职场文书
工作收入证明范本
2015/06/12 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫
Golang 遍历二叉树
2022/04/19 Golang
使用refresh_token实现无感刷新页面
2022/04/26 Javascript