用js实现导出页面中的table成excel,网上相关的很多,但是大都多直接用excel打开,需要用户自己另存的,而这段js是直接选择另存为excel,刚好是我需要的,(不合适页面有分页的)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>EB页面导出为EXCEL文档的方法</title>
<script type="text/javascript">
<!-- download
function saveCode(obj) {
var winname = 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" 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>
<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 colspan="5">FFFGGGHHHIIIJJJ</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 rowspan="4">CCCHHHcccccc</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>III</td>
<td>JJJ</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</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>
</div>
<input type="button" value="另存为 Excel" onclick="saveCode(tableExcel)">
</body>
</html>
分享到：
相关推荐
"使用JavaScript实现打印和导出为Excel" 在本文中，我们将讨论如何使用JavaScript实现打印和导出为Excel。我们将从基本概念开始，逐步深入到实现细节。 JavaScript实现打印 在网页中实现打印可以使用控件实现，但...
本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出，同时支持多个Sheet页的导出。这个功能对于前端开发者来说，能够极大地提升用户体验，特别是在数据管理、分析和分享场景下。 首先，我们要...
js 实现 用JavaScript导出图像到Excel! 值得下载看看!资源免费,大家分享!!
使用JAVASCRIPT将数据导入EXCEL!
SheetJS提供了强大的API，允许我们在前端创建、修改和导出Excel文件。 以下是使用EasyUI和SheetJS实现数据导出的基本步骤： 1. 引入必要的资源：确保在HTML页面中引入EasyUI的CSS和JS文件，以及SheetJS的xlsx.full...
javascript导出Excel
对于导出Excel文件，可以使用xlsx-js（也称为SheetJS）库。这个库提供了一套API来处理电子表格数据，包括读取、写入和操作CSV、XLSX等格式的文件。 6. **示例代码流程**： - 首先，获取HTML内容，可能需要对HTML...
JavaScript直接导出或导入Excel,Word
导出Excel文件时，需要创建一个工作表对象，然后加入到工作簿中，最后将其转换为二进制数据并下载。 ```javascript // 安装js-xlsx npm install xlsx import * as XLSX from 'xlsx'; function exportToExcel(data...
"纯JavaScript导出Excel"的功能正是解决这个问题的一种方法，它允许开发者在不依赖任何后端服务或第三方库的情况下，直接在浏览器端将JSON格式的数据转换为可下载的Excel文件。这种技术对于那些对服务器交互有限制...
- 使用JavaScript库：例如，`jsPDF`和`html2canvas`结合可以实现表格的截图并转化为PDF，然后可以手动保存为Excel。`sheetJS`（也称为`XLSX.js`）则可以直接将HTML表格转换为XLSX格式，支持更多的Excel特性。 - ...
在EXTJS这个强大的JavaScript框架中，实现导出Excel功能是一项常见的需求。EXTJS提供了一种高效的方法来将数据导出到Excel格式，使得用户能够方便地处理和分析数据。在这个场景下，我们可以从以下几个关键知识点入手...
"h5 列表导出为excel"这个话题涉及到的技术点主要包括HTML5、JavaScript、CSS以及可能的后端支持。 首先，HTML5的`<table>`元素是用于展示结构化数据的标准方式，它允许我们创建具有行、列的表格。在设计时，可以...
反之，编辑后的数据也可以导出为Excel文件，方便用户在离线环境下继续处理。这一特性使得Luckysheet能够无缝地与其他Excel工具集成，扩大了其应用场景。 在实际运行时，项目只需要在浏览器中打开index.html文件即可...
在本项目中，"SpringBootMybatis+poi+Thymeleaf实现excel文件数据导入到数据库以及从数据库将数据导出成excel.zip"，我们主要关注的是如何利用Java技术栈来处理Excel文件，并与数据库进行交互。以下是相关知识点的...
本文将深入探讨如何使用JavaScript和HTML来实现一个兼容所有浏览器的Excel导出功能。 首先，我们要理解IE浏览器和其他现代浏览器的区别。在IE浏览器中，由于其安全机制，我们不能直接生成Excel文件，而是需要将内容...
【lodop导出ExcelDemo】是一个基于LODOP技术实现的JavaScript示例，它展示了如何通过LODOP组件将网页中的数据导出为Excel文件。这个功能在许多Web应用程序中非常实用，允许用户方便地保存和处理数据。下面将详细阐述...
在IT领域，特别是Web开发中，使用JavaScript（简称JS）来实现打印功能和导出数据为Excel文件是非常常见的需求。...此外，对于导出Excel的需求，可以考虑使用成熟的第三方库，以减少自定义代码的复杂度和潜在问题。
在实现jQuery导出Excel功能时，必须考虑浏览器的兼容性和跨域限制。对于老版本的IE浏览器，可能需要采用不同的策略。同时，如果数据来源是跨域的API，需要确保服务端支持CORS（跨源资源共享）。 8. **安全性** 在...