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聚焦于第一个字段的代码
Oct 15 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
php中给js数组赋值方法
Mar 10 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
js获取指定字符前/后的字符串简单实例
Oct 27 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 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 危险函数解释 分析
2009/04/22 PHP
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
PHP身份证校验码计算方法
2016/08/10 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
封装了一个js图片轮换效果的函数
2011/09/28 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
js查找节点的方法小结
2015/01/13 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
微信小程序 UI布局常用技巧整理总结
2016/12/05 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
jQuery给表格添加分页效果
2017/03/02 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
Python正则表达式指南 推荐
2018/10/09 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
Java如何获得ResultSet的总行数
2016/09/03 面试题
洗发露广告词
2014/03/14 职场文书
中药专业自荐信范文
2014/03/18 职场文书
学习演讲稿范文
2014/05/10 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
中学生学习保证书
2015/02/26 职场文书
写给老师的保证书
2015/05/09 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书