JS将表单导出成EXCEL的实例代码

作者:函数茶馆

时间:2026-10-27

浏览:125

本文提供一段JavaScript代码,演示如何通过ActiveXObject在客户端将HTML表格数据导出为Excel文件。该方法利用IE浏览器特有的COM接口创建Excel应用实例,遍历表格行与单元格并将内容写入Excel工作表。请注意,此方案仅适用于支持ActiveX的旧版Internet Explorer环境,现代浏览器因安全限制无法直接使用。

文章目录

JS将表单导出成EXCEL的实例代码

具体实现代码如下所示:

<!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>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<SCRIPT LANGUAGE="javascript">
  <!--  
function AutomateExcel()
  {  
// 启动Excel并获取应用程序对象。
var oXL = new ActiveXObject("Excel.Application");
// 获取一个新的工作簿。
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var table = document.all.data;
var hang = table.rows.length;
var lie = table.rows(0).cells.length;
// 逐个单元格添加表头。
for (i=0;i<hang;i++)
  {  
for (j=0;j<lie;j++)
  {  
//oSheet.Cells(i+1,j+1).Font.Bold = True
//oSheet.Cells(i+1,j+1).Font.Size = 50
//oSheet.Cells(i+1,j+1).Alignment = 2
oSheet.Cells(i+1,j+1).value = table.rows(i).cells(j).innerText;
  }  
  }  
oXL.Visible = true;
oXL.UserControl = true;
  }  
  //-->
</SCRIPT>
</head>
 
<body>
<table border="1" width="100%" id="data">
<tr>
<td>&nbsp;姓名</td>
<td colspan="2">年龄</td>
<td>出生日期</td>
</tr>
<tr>
<td>6</td>
<td>25</td>
<td colspan="2">8</td>
</tr>
<tr>
<td height="22">1</td>
<td height="22">2</td>
<td colspan="2" height="22">4</td>
</tr>
</table>
<input type="button" name="out_excel" onclick="AutomateExcel();" value="导出到excel" class="notPrint">
</body>
</html>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章