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 禁止复制网页
Jun 11 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
jquery的live使用注意事项
Feb 18 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
Aug 13 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
Express使用html模板的详细代码
Sep 18 Javascript
webpack4.x开发环境配置详解
Aug 04 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
无数据库的详细域名查询程序PHP版(4)
2006/10/09 PHP
php判断是否为json格式的方法
2014/03/04 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
js 提交和设置表单的值
2008/12/19 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
javascript判断office版本示例
2014/04/11 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
2016/05/16 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
在Vue中使用Echarts实例图的方法实例
2020/10/10 Javascript
[01:30]2016国际邀请赛中国区预选赛神秘商店火爆开启
2016/06/26 DOTA
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
Python netmiko模块的使用
2020/02/14 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
numba提升python运行速度的实例方法
2021/01/25 Python
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
HTML5实现签到 功能
2018/10/09 HTML / CSS
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
运动会广播稿200字
2014/01/15 职场文书
四个太阳教学反思
2014/02/01 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
员工聘用合同范本
2015/09/21 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
OpenCV-Python使用cv2实现傅里叶变换
2021/06/09 Python
利用js实现简单开关灯代码
2021/11/23 Javascript