<!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. 创建并触发模拟的文件下载链接。 虽然这个方法简单易用，但并不适用于所有场景。在处理大量数据或...
9. **其他替代方案**：除了使用jQuery插件，还可以使用其他技术，如JavaScript的FileSaver.js库配合Blob对象，或者使用后端语言如PHP、Node.js来生成Excel文件，再发送给前端下载。 10. **安全性与隐私**：由于导出...
`xlsx.full.min.js`是一个强大的库，它允许开发者在前端生成Excel文件并设置样式，极大地扩展了JavaScript处理Excel数据的能力。这个库的核心是XLSX库，它是一个用于读写电子表格文件（如.xlsx和.xls）的开源...
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方法生成一个临时的下载链接，用户点击后即可...