实用导出:JavaScript (JS)操作web页面导出为Excle示例
在日常的开发中,经常会遇到一些报表导出,这里有一个简单的页面导出!
不过有一点,要对IE的ActiveX进行设置,具体的写在源码,文档里了!可以进行下载。
<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="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">
以下是三个按钮对应的JS函数:
函数1:
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();
}
以下是源码下载:
分享到:
相关推荐
总之,"excle导出.zip"文件提供了一种JavaScript解决方案,使得Web应用能够方便地实现Excel数据的导入和导出,这对于前端开发人员来说是一个非常实用的工具。通过学习和使用这个库,开发人员可以提升他们的应用功能...
"导出Excle.zip"这个标题暗示我们关注的是一个用于前端Excel导出的压缩包,包含Blob.js和Export2Excel.js两个关键文件。这两个JavaScript库在实现Excel文件的创建和下载功能上起着重要作用。 首先,我们来看`Blob....
标题中的“导出EXCLE数据ExcelReader”表明我们要讨论的是一个与Excel数据处理相关的工具或技术,特别是关于从Excel文件中读取数据的部分。在IT领域,这通常涉及到电子表格编程,例如使用特定的库或者API来解析Excel...
### 导出Web页面中的Table:使用JavaScript实现 在现代Web开发中,数据展示和处理是常见需求之一,其中表格(Table)是最直观的数据呈现方式。然而,有时我们需要将这些表格数据导出到其他格式,如Excel或文档,以...
当用户触发导出操作(通常通过点击一个按钮或使用特定的快捷键)时,插件会自动将表格数据转换为Excel格式,并提供下载。 在实际应用中,你可能还需要对导出的数据进行一些自定义处理,例如筛选、排序或格式化。...
Node.js使得JavaScript不再局限于浏览器环境,可以处理文件系统操作、网络通信等任务。 在Node.js中,我们通常会使用`mysql2`库来与MySQL数据库进行交互。`mysql2`是一个流行的Node.js MySQL驱动,提供了创建连接、...
在JavaScript中将网页上的表格导出为Excel文件是...总结来说,JavaScript导出表格到Excel的方法依赖于特定的浏览器特性,对于跨平台和现代浏览器的支持有限。开发时应考虑到这些限制,并寻找兼容多种浏览器的解决方案。
`xlsx.full.js` 是一个强大的库,它允许开发者用纯JavaScript来创建、读取和修改Excel文件,特别适合在Web应用程序中使用。这个库的核心是`XLSX`模块,它提供了丰富的功能,包括对Excel文件的各种格式支持。 标题中...
在网页应用中,经常需要将页面中的表格数据导出为 Excel 文件格式,方便用户进行数据处理或保存。本文将详细介绍如何使用 JavaScript 来实现这一功能,并提供一个具体的实现示例。 #### 核心知识点 1. **...
在IT领域,尤其是在Web开发中,常常需要处理数据导入导出的问题。本教程将详细介绍如何使用JavaScript(js)实现从Excel文档批量复制数据并粘贴到HTML表格(table)中的技术。这一功能对于数据处理、报表展示以及...
本文将介绍如何使用JavaScript(JS)来实现这个功能,并重点讨论如何在导出过程中保留表格的样式。 首先,我们了解两种主要的方法来保留表格样式: 1. **行内样式**:在HTML的`<td>`或`<th>`元素中直接添加CSS样式...
- **SWFUpload**:这是一个JavaScript库,它允许在不刷新整个页面的情况下进行文件上传。它使用了Flash技术来实现浏览器兼容性和多文件选择功能。在提供的代码中,`SWFUpload` 初始化配置包括了`flash_url`(Flash...
标题 "纯前端html+js实现的excel转json格式" 描述了一个完全在浏览器环境中完成的Excel到JSON转换功能。这个技术方案特别适用于那些不需要服务器...这对于需要处理数据导入导出的前端开发者来说是一项非常实用的技能。
- 对于程序员,可以使用Python的pandas库,如`pd.read_csv()`读取CSV文件,然后`df.to_excel()`将其导出为Excel格式。 - 在Java中,Apache POI库可以实现类似功能。 - JavaScript也有xlsx库可以进行转换。 转换...