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 相关文章推荐
一个很酷的拖动层的js类,兼容IE及Firefox
Jun 23 Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
浅析vue深复制
Jan 29 Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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实现QQ空间自动回复说说的方法
2015/12/02 PHP
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
利用JS实现数字增长
2016/07/28 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
Node.js中看JavaScript的引用
2017/04/22 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
纯js实现隔行变色效果
2017/11/29 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
Python中的引用和拷贝浅析
2014/11/22 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
酒店总经理欢迎词
2014/01/15 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
大学军训感言600字
2014/02/25 职场文书
大学自主招生自荐信范文
2014/02/26 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
安全生产承诺书范文
2014/05/22 职场文书
迎七一演讲稿
2014/09/12 职场文书
导游词怎么写
2015/02/04 职场文书
实习推荐信格式模板
2015/03/27 职场文书
医生行业员工的辞职信
2019/06/24 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers