JS导出Exle

colbybobo

浏览: 353967 次
性别:
来自: 北京

最近访客更多访客>>

tom2139779

delgon

lj408226003

IIIIII_am周偉賢

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JS导出Exle

目的：将网页表格导出Exle表格

实质：用JS的ActiveXObject对象将网页对象指定内容Copy到对应的Exle表格中！

实用程度：将本源码Copy过去就可以用

唯一不足：需要对IE进行简单设置，设置路径在附件

源码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript">
	    function importExcel() {
	 		  var oXL = new ActiveXObject("Excel.Application"); 
	 		  var oWB = oXL.Workbooks.Add(); //新增工作簿
	 		  var oSheet = oWB.ActiveSheet;   //创建工作表
	 		  var sel=document.body.createTextRange();
	 		  
	 		  sel.moveToElementText(tableExcel);
	 		  sel.select();
	 		  sel.execCommand("Copy");
	 		  oSheet.Paste();
	 		 oXL.Visible = true;
			}
    </script>
  </head>
  
  <body>
  	<center>
    	<font size="5">Lo4j  imy </font><br>
	    <hr size="3"/>
		   <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> 
		     <tr> 
		         <td colspan="5" align="center">WEB页面导出为EXCEL示例</td> 
		   </tr> 
		   <tr> 
		        <td>列标题1</td> 
		        <td>列标题2</td> 
		       <td>列标题3</td> 
		        <td>列标题4</td> 
		        <td>列标题5</td> 
		    </tr> 
		    <tr> 
		       <td>aaa</td> 
		       <td>bbb</td> 
		       <td>ccc</td> 
		        <td>ddd</td> 
		        <td>eee</td> 
		    </tr> 
		    <tr> 
		       <td>AAA</td> 
		        <td>BBB</td> 
		       <td>CCC</td> 
		        <td>DDD</td> 
		        <td>EEE</td> 
		    </tr> 
		   <tr> 
		        <td>FFF</td> 
		        <td>GGG</td> 
		        <td>HHH</td> 
		        <td>III</td> 
		        <td>JJJ</td> 
		    </tr>  
		</table> 
	    <input type="submit" onclick="importExcel()" value="导出测试"/>
	    <input type="button" onclick="javascript:method1('tableExcel');" value="第一种方法导入到EXCEL"> 
		 <input type="button" onclick="javascript:method2('tableExcel');" value="第二种方法导入到EXCEL"> 
		 <input type="button" onclick="javascript:getXlsFromTbl('tableExcel',null);" value="第三种方法导入到EXCEL"> 
<script type="text/javascript">	
	function method1(tableid) {//整个表格拷贝到EXCEL中 
	    var curTbl = document.getElementById(tableid); 
	    var oXL = new ActiveXObject("Excel.Application"); 
	    //创建AX对象excel 
	    var oWB = oXL.Workbooks.Add(); 
	    //获取workbook对象 
	        var oSheet = oWB.ActiveSheet; 
	   //激活当前sheet 
	    var sel = document.body.createTextRange(); 
	   sel.moveToElementText(curTbl); 
	   //把表格中的内容移到TextRange中 
	    sel.select(); 
	    //全选TextRange中内容 
	    sel.execCommand("Copy"); 
	    //复制TextRange中内容  
	    oSheet.Paste(); 
	    //粘贴到活动的EXCEL中       
	    oXL.Visible = true; 
	    //设置excel可见属性 
	} 
	function method2(tableid){  //读取表格中每个单元到EXCEL中 
	
	    var curTbl = document.getElementById(tableid); 
	    var oXL = new ActiveXObject("Excel.Application"); 
	    //创建AX对象excel 
	    var oWB = oXL.Workbooks.Add(); 
	    //获取workbook对象 
	   var oSheet = oWB.ActiveSheet; 
	   //激活当前sheet 
	    var Lenr = curTbl.rows.length; 
	    //取得表格行数 
	    for (i = 0; i < Lenr; i++) 
	    { 
	        var Lenc = curTbl.rows(i).cells.length; 
	        //取得每行的列数 
	        for (j = 0; j < Lenc; j++) 
	        { 
	            oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText; 
	            //赋值 
	        } 
	    } 
	    oXL.Visible = true; 
	    //设置excel可见属性 
	} 
	function getXlsFromTbl(inTblId, inWindow) { 
	    try { 
	        var allStr = ""; 
	        var curStr = ""; 
	        //alert("getXlsFromTbl"); 
	        if (inTblId != null && inTblId != "" && inTblId != "null") { 
	            curStr = getTblData(inTblId, inWindow); 
	        } 
	        if (curStr != null) { 
	            allStr += curStr; 
	        } 
	        else { 
	            alert("你要导出的表不存在！"); 
	            return; 
	        } 
	        var fileName = getExcelFileName(); 
	        doFileExport(fileName, allStr); 
	    } 
	    catch(e) { 
	        alert("导出发生异常:" + e.name + "->" + e.description + "!"); 
	    } 
	} 
	function getTblData(inTbl, inWindow) { 
	    var rows = 0; 
	    //alert("getTblData is " + inWindow); 
	    var tblDocument = document; 
	    if (!!inWindow && inWindow != "") { 
	        if (!document.all(inWindow)) { 
	            return null; 
	        } 
	        else { 
	            tblDocument = eval(inWindow).document; 
	        } 
	    } 
	    var curTbl = tblDocument.getElementById(inTbl); 
	    var outStr = ""; 
	    if (curTbl != null) { 
	        for (var j = 0; j < curTbl.rows.length; j++) { 
	            //alert("j is " + j); 
	            for (var i = 0; i < curTbl.rows[j].cells.length; i++) { 
	                //alert("i is " + i); 
	                if (i == 0 && rows > 0) { 
	                    outStr += " \t"; 
	                    rows -= 1; 
	                } 
	                outStr += curTbl.rows[j].cells[i].innerText + "\t"; 
	                if (curTbl.rows[j].cells[i].colSpan > 1) { 
	                    for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) { 
	                        outStr += " \t"; 
	                    } 
	                } 
	                if (i == 0) { 
	                    if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) { 
	                        rows = curTbl.rows[j].cells[i].rowSpan - 1; 
	                    } 
	                } 
	            } 
	            outStr += "\r\n"; 
	        } 
	    } 
	    else { 
	        outStr = null; 
	        alert(inTbl + "不存在!"); 
	    } 
	    return outStr; 
	} 
	function getExcelFileName() { 
	    var d = new Date(); 
	    var curYear = d.getYear(); 
	    var curMonth = "" + (d.getMonth() + 1); 
	    var curDate = "" + d.getDate(); 
	    var curHour = "" + d.getHours(); 
	    var curMinute = "" + d.getMinutes(); 
	    var curSecond = "" + d.getSeconds(); 
	    if (curMonth.length == 1) { 
	        curMonth = "0" + curMonth; 
	    } 
	    if (curDate.length == 1) { 
	        curDate = "0" + curDate; 
	    } 
	    if (curHour.length == 1) { 
	        curHour = "0" + curHour; 
	    } 
	    if (curMinute.length == 1) { 
	        curMinute = "0" + curMinute; 
	    } 
	   if (curSecond.length == 1) { 
	        curSecond = "0" + curSecond; 
	    } 
	    var fileName = "leo_zhang" + "_" + curYear + curMonth + curDate + "_" 
	            + curHour + curMinute + curSecond + ".csv"; 
	    //alert(fileName); 
	    return fileName; 
	} 
	function doFileExport(inName, inStr) { 
	    var xlsWin = null; 
	    if (!!document.all("glbHideFrm")) { 
	        xlsWin = glbHideFrm; 
	    } 
	    else { 
	        var width = 6; 
	        var height = 4; 
	        var openPara = "left=" + (window.screen.width / 2 - width / 2) 
	                + ",top=" + (window.screen.height / 2 - height / 2) 
	               + ",scrollbars=no,width=" + width + ",height=" + height; 
	        xlsWin = window.open("", "_blank", openPara); 
	    } 
	    xlsWin.document.write(inStr); 
	    xlsWin.document.close(); 
	    xlsWin.document.execCommand('Saveas', true, inName); 
	    xlsWin.close(); 
	} 
	</script>    
    </center>
   
  </body>
</html>

转自：忘记了

IE选项设置，设置路径附件下载地址：