<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title>WEB页面导出为EXCEL文档的方法</title>
</head>
<body>
<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 bgcolor="#66FF00">CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td bgcolor="#000099">III</td>
<td bgcolor="#FF0000">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">
<SCRIPT LANGUAGE="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
) {
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>
</body>
</html>
分享到:
相关推荐
用javascript脚本生成excel文件的一些基本参数设置
js生成Excel文件,方法和方法已加注释,原理也很简单,上手可用。 js生成Excel文件,方法和方法已加注释,原理也很简单,上手可用。 js生成Excel文件,方法和方法已加注释,原理也很简单,上手可用。 js生成Excel...
总结起来,纯前端生成HTML表格到Excel文件主要涉及以下步骤: 1. 获取HTML表格数据。 2. 将数据转换为CSV格式。 3. 创建并触发模拟的文件下载链接。 虽然这个方法简单易用,但并不适用于所有场景。在处理大量数据或...
`xlsx.full.min.js`是一个强大的库,它允许开发者在前端生成Excel文件并设置样式,极大地扩展了JavaScript处理Excel数据的能力。这个库的核心是XLSX库,它是一个用于读写电子表格文件(如.xlsx和.xls)的开源...
9. **其他替代方案**:除了使用jQuery插件,还可以使用其他技术,如JavaScript的FileSaver.js库配合Blob对象,或者使用后端语言如PHP、Node.js来生成Excel文件,再发送给前端下载。 10. **安全性与隐私**:由于导出...
JavaScript生成Excel文件通常不依赖浏览器原生功能,而是通过模拟Excel文件格式(如`.xls`或`.xlsx`)来实现。这些文件格式基于开放XML标准,可以通过创建XML结构并将其打包为ZIP文件来构建。常见的方法是创建一个...
在Web开发中,如果你需要在JavaScript环境下生成Excel文件,可以使用SheetJS库。首先,引入`xlsx-style`库,它提供了一些样式支持: ```html <script src="https://unpkg.com/xlsx-style"></script> ``` 然后,...
在这个"页面表格数据生成excel文件下载"的例子中,我们可以看到两个关键的Java文件:DownController.java和ExcelUtil.java。下面我们将详细探讨这两个文件可能实现的功能和涉及的技术。 首先,`DownController.java...
接下来,我们转向JavaScript生成Excel文件。在浏览器环境中,我们可以使用`SheetJS`(也称为`xlsx`)库。`SheetJS`支持读写多种电子表格格式,包括XLSX和CSV。它提供了一套完整的API来操作单元格、行和列,以及设置...
在ASP(Active Server Pages)开发中,生成Excel文件是一项常见的需求,例如为了导出数据报表或者让用户方便地下载数据。Asp生成Excel文件主要依赖于特定的类库或组件,这些类库通常提供了将HTML、数据或其他格式...
一个把当前页面生成excel文档的js文件,为发的文章有说明使用
在.NET开发环境中,使用GridView控件生成Excel文件是一种常见的数据导出方法,尤其适用于Web应用程序。GridView能够方便地展示数据库中的数据,并且可以被轻松地转换为Excel格式,供用户下载。下面我们将深入探讨...
在这个场景下,ExcelPackage库是一个非常实用的工具,它允许我们在服务端生成Excel文件,并且可以利用预先设计好的模板来快速填充数据,保持一致的格式。本文将详细介绍如何在ASP.NET中使用ExcelPackage在服务端生成...
首先,我们需要明白,虽然jQuery本身并不直接支持生成Excel文件,但我们可以借助一些插件或JavaScript库来实现这个目标。一个常用的库是`tableExport.js`,它可以方便地将HTML表格转换为多种格式,包括Excel(.xlsx...
JavaScript 使用ActiveX实现在Excel文件中插入图片
在IT领域,jQuery HTML表格生成Excel文件插件是一种常见的实用工具,它可以帮助用户方便地将网页中的HTML表格数据导出为Excel格式的文件。这款插件是基于jQuery库的table2excel扩展,允许开发者轻松地集成到自己的...
5. **服务器端API交互**:如果选择服务器端方法,你需要构建一个HTTP接口,接收POST请求,解析请求体中的数据,使用服务器端语言生成Excel文件,最后返回文件或提供下载链接。 为了实现这一功能,开发者需要对...
在IT行业中,数据导出是一项...总的来说,"excel导出的js"这个话题涵盖了JavaScript生成Excel文件的技术,以及与Java后端交互的方式。通过学习和应用这些知识,开发者可以为用户提供方便的数据导出功能,提高工作效率。
"Export2Excel.js"是核心的导出工具,它封装了生成Excel文件的过程。这个库通常会利用HTML表格来模拟Excel的工作表,并通过转换成Blob对象,再借助URL.createObjectURL方法生成一个临时的下载链接,用户点击后即可...