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

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