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 indexOf()定义和用法
Oct 21 Javascript
js函数调用的方式
May 06 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
vue 插槽简介及使用示例
Nov 19 Vue.js
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多态代码实例
2015/06/26 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
详解js中==与===的区别
2017/01/08 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
python中的装饰器详解
2015/04/13 Python
详解Python中的type和object
2018/08/15 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
python生成大写32位uuid代码
2020/03/03 Python
基于Python词云分析政府工作报告关键词
2020/06/02 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
python爬虫中抓取指数的实例讲解
2020/12/01 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
中式餐厅创业计划书范文
2014/01/23 职场文书
委托书的格式
2014/08/01 职场文书
世界读书日的活动方案
2014/08/20 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
情人节单身感言
2015/08/03 职场文书