Javascript导出Excel

<%@ 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,但是导出会设计到好多的细节问题,下面说一下细节问题解决方案:

问题一:导出时没有中间的分割线 可以将格式进行替换

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

问题二:导出时遇到<a>中的href,解决方案

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

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

时间: 2024-07-31 19:30:20

Javascript导出Excel的相关文章

原生JavaScript 导出excel表格(兼容ie和其他主流浏览器)

因同事的需求是想前端导出excel表格,网上找了一些demo,自己修改了一下,可能以后会用到,记录下来吧,兼容ie和一些主流浏览器,ie可能会报错,原因参考 这里,edge 浏览器还没有办法导出,正在尝试... <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>table 导出excel表格</title>

JavaScript 导出Excel 代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>WEB页面导出为EXCEL文档的方法</title> </head> <body> <table id=&

带复杂表头合并单元格的HtmlTable转换成DataTable并导出Excel(转)

步骤: 一.前台JS取HtmlTable数据,根据设定的分隔符把数据拼接起来 <!--导出Excel--> <script type="text/javascript"> //导出Excel function exportExcel() { var data = ""; $("#divRptTable").find("table").find("tr").each(function

细说JavaScript 导出 上万条Excel数据

首先这是个鸡肋的方法 合理的做法是 后端直接生成 前端给个链接就行了 (先说原因与过程最后上代码) 1. 先说说为什么会出现这个需求吧. : 在写运维网站时 自己粗略的看了一下bootstarp-table 就是 基于bootstarp的一个table框架 发现其扩展插件有个导出的功能 Excel 于是乎,就和老板夸下海口 说什么分页的 导出的就在前端做吧 于是...呵呵,起初在测试服时由于数据量小  导出就没有多大问题,但是当数据量大(大于300条)的情况下 发现 网页直接就卡死了现象 ,一下

bos 第4 (区域excel批量导入、区域通用分页查询、分区的添加、分区多条件分页查询、分区导出excel)

BOS项目笔记 第4天 今天内容安排: 1.区域批量导入功能 jQuery OCUpload(一键上传插件).apache POI.pinyin4j 2.实现区域的分页查询 3.对分页代码重构 4.添加分区(combobox下拉框) 5.分区的组合条件分页查询 6.分区数据导出功能 1. 区域数据批量导入功能 1.1 一键上传插件使用 ajax不能做文件上传. 第一步:在jsp页面中引入插件的js文件 <script type="text/javascript" src=&quo

yii2 数据导出 excel导出以及导出数据时列超过26列时解决办法

作者:白狼 出处:http://www.manks.top/article/yii2_excel_extension? 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 先概括下我们接下来要说的大致内容: 数据列表页面导出excel数据, 1.可以根据GridView的filter进行搜索数据并导出 2.可以自行扩展数据导出的时间直接导出数据 //先来看controller层,接收GridView参数并做拼接处理 php c

Java导出Excel表格

利用Java将数据库中的数据导出为excel表格,导出完后可以下载,并压缩成zip格式 使用poi导出excel表,可以设置列宽.单元格合并居中.背景色设置等. 主要代码如下: 前端js代码 1 <body> 2 <button onclick="test()">导出 excel表</button> 3 4 <a id="download" href="#"> <span id="s

用jxl导出Excel

断断续续,终于把这个简单的功能实现了. 本身花的有效时间也不多,但是陆续出现好多蛋疼的问题,归根结底是自己程序功底不深厚,尤其对Java流理解不透彻. 还好今天时间充足,磨得我背疼不已的时候,终于把它整完了. 这里首先介绍下背景:SSM框架(前端easyui).POI因为乱码问题被pass掉.五一假期又没有花时间,不得不赶紧换个API把他整出来. 功能大致是这样的: 点击按钮导出所有的(不经分页的)数据到Excel中. busiAccept.jsp 1 <%@ page language="

选择性导出excel表中内容

package com.huawei.utils; import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.lang.reflect.Field;import java.lang.reflect.Method;import java.util.Date;import java.util.List;import java.util.Map;