js前端导出excel表格

来源：互联网发布：java开发工作经历描述编辑：程序博客网时间：2024/05/01 07:47

运行环境必备要求：excel软件、IE浏览器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>        <title></title><SCRIPT language="javascript">function ExportToExcel(tableId) //读取表格中每个单元到EXCEL中      {         try{                       var curTbl = document.getElementById(tableId);                 var oXL = new ActiveXObject("Excel.Application");                 //创建AX对象excel                  var oWB = oXL.Workbooks.Add();                 //获取workbook对象                  var oSheet = oWB.ActiveSheet;                                var lenRow = curTbl.rows.length;                 //取得表格行数                  for (i = 0; i < lenRow; i++)                 {                     var lenCol = curTbl.rows(i).cells.length;                     //取得每行的列数                      for (j = 0; j < lenCol; j++)                     {                         oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;                                               }                 }                 oXL.Visible = true;                 //设置excel可见属性            }catch(e){                 if((!+'\v1')){ //ie浏览器                    alert("无法启动Excel，请确保电脑中已经安装了Excel!\n\n如果已经安装了Excel，"+"请调整IE的安全级别。\n\n具体操作：\n\n"+"工具 → Internet选项 → 安全 → 自定义级别 → ActiveX 控件和插件 → 对未标记为可安全执行脚本的ActiveX 控件初始化并执行脚本 → 启用 → 确定");                }else{                    alert("请使用IE浏览器进行“导入到EXCEL”操作！");  //方便设置安全等级，限制为ie浏览器                 }            }     } </SCRIPT>  </head>    <body><table id="content" width="98%" border="1" align="center" cellpadding="1"cellspacing="1" ><!-- 报表头部分 --><tr><th>时间</th><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th></tr><tr><td>合计：</td><td>32,036</td><td>3,609</td><td>11.27%</td><td></td><td>0</td></tr><!-- 报表数据--><tr ><td>2014-04-07</td><td>17773</td><td>1,881</td><td>0</td><td>268</td><td>0</td></tr><tr><td>2014-04-08</td><td>14263</td><td>1,728</td><td>0</td><td>208</td><td>0</td></tr></table>   <input type="button" value="页面导出excel" onclick='ExportToExcel("content")'>  </body></html>

定义一个ExportToExcel函数，在该函数中调用控件生成Excel文件。

0 0