编程 Javascript

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 相关文章推荐

jQuery asp.net 用json格式返回自定义对象

Apr 07 Javascript

js substr、substring和slice使用说明小记

Sep 15 Javascript

javascipt基础内容--需要注意的细节

Apr 10 Javascript

js控制frameSet示例

Sep 10 Javascript

解决jQuery上传插件Uploadify出现Http Error 302错误的方法

Dec 18 Javascript

Bootstrap编写导航栏和登陆框

May 30 Javascript

JavaScript进阶练习及简单实例分析

Jun 03 Javascript

js的三种继承方式详解

Jan 21 Javascript

如何使用CSS3和JQuery easing 插件制作绚丽菜单

Jun 18 jQuery

详解微信小程序工程化探索之webpack实战

Apr 20 Javascript

如何使用JavaScript实现无缝滚动自动播放轮播图效果

Aug 20 Javascript

React Hook用法示例详解（6个常见hook）

Apr 28 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