Javascript导出Excel

时间 2019-12-07

标签 javascript 导出 excel 栏目 JavaScript 繁體版

原文原文链接

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>EB页面导出为EXCEL文档的方法</title> 
<script type="text/javascript"> 
function saveCode(obj) { 
          var winame = window.open('', '_blank', 'top=10000'); 
          var strHTML = document.all.tableExcel.innerHTML; 
          winname.document.open('text/html', 'replace'); 
          winname.document.writeln(strHTML); 
          winname.document.execCommand('saveas','','excel.xls'); 
          winname.close(); 
} 
</script> 
</head> 

<body> 
<div id="tableExcel">  
<table id="test" border="1" cellspacing="0" cellpadding="0"> 
     <tr>
     	<th>编号</th>
     	<th>姓名</th>
     	<th>年龄</th>
     	<th>性别</th>
     </tr>
     <tr>
     	<td><a href="#">3</a></td>
     	<td>张三1</td>
     	<td>11</td>
     	<td>男</td>
     </tr>
     <tr>
     	<td>2</td>
     	<td>张三2</td>
     	<td>11</td>
     	<td>男</td>
     </tr>
     <tr>
     	<td>1</td>
     	<td>张三3</td>
     	<td>11</td>
     	<td>男</td>
     </tr>
     <tr>
     	<td>4</td>
     	<td>张三4</td>
     	<td>11</td>
     	<td>男</td>
     </tr>
</table> 
</div> 
<input type="button" value="另存为 Excel" onclick="saveCode(tableExcel)"> 
</body> 
</html>

上述代码是处理Javascript导出excel，可是导出会设计到好多的细节问题，下面说一下细节问题解决方案：javascript

问题一：导出时没有中间的分割线能够将格式进行替换html

 var strHTMLChange=strHTML.replace("border=0","border=1");

问题二：导出时遇到<a>中的href，解决方案java

 $("a").removeAttr("href");

以上就是我所遇到的这些问题，并对问题进行了解决方案的处理，之后可能还会遇到其中的一些意外的问题，之后修改在完善次博文，但愿各位大神们多多指点！ui