JavaScript将页面表格导出为Excel的具体实现
JavaScript将页面表格导出为Excel的具体实现
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:导出ExcelvaridTmr="";functionkillExcelProcess(appExcel_){appExc...

复制代码 代码如下:

<!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>导出</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教程学习
编程开发子分类