炫意html5
最早CSS3和HTML5移动技术网站之一

Javascript导出Excel的方法

我们开发的过程网站项目的过程中,有时需要把数据导出到Excel中,倘若数据量大,使用后台代码实现比较占用服务器资源,影响网站访问,所以可以考虑在前段用Javascript导出Excel,以下是简单实现用Javascript导出Excel。

 

[1]、主要的测试代码如下:

<!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>JavaScript实现WEB页面导出为EXCEL的方法</title>  
</head>  
<body>  
<br />  
<table id="michale_table" width="100%" border="1" cellspacing="0"  
    cellpadding="0">  
    <tr>  
        <td colspan="5" align="center">JavaScript实现WEB页面导出为EXCEL的方法</td>  
    </tr>  
    <tr>  
        <td>主题</td>  
        <td>site地址</td>  
        <td>作者</td>  
    </tr>  
    <tr>  
        <td>Simple XML</td>  
        <td>http://sjsky.iteye.com/blog/1182057</td>  
        <td>Michael</td>  
    </tr>  
    <tr>  
        <td>keepalived实现双机热备</td>  
        <td>http://sjsky.iteye.com/blog/1156403</td>  
        <td>Michael</td>  
    </tr>  
    <tr>  
        <td>nginx安装及负载均衡配置</td>  
        <td>http://sjsky.iteye.com/blog/1156195</td>  
        <td>Michael</td>  
    </tr>  
</table>  
<br />  
<input type="button"  
    onclick="javascript:exportTableToExcel('michale_table');"  
    value="导出Excel" />  
</body>  
<script type="text/javascript">  
function exportTableToExcel(table_id){   
  var o_AXO = new ActiveXObject("Excel.Application");  
  var o_WB;  
  var o_Sheet;  
  try{  
    o_WB = o_AXO.Workbooks.Add();  
    //激活当前sheet   
    o_Sheet = o_WB.ActiveSheet;  
  }catch(err){  
    alert("仅适用于IE浏览器,同时请确认已经安装好Excel软件");  
    return false;  
  }  
  
  var o_table = document.getElementById(table_id);   
  var row_len = o_table.rows.length;   
   
  for (i = 0; i < row_len; i++)   
  {   
      var cell_len = o_table.rows[i].cells.length;   
  
      for (j = 0; j < cell_len; j++)   
      {   
        var cellText = o_table.rows[i].cells[j].innerText;  
         o_Sheet.Cells(i + 1, j + 1).value = cellText;  
      }   
  }   
    o_AXO.Visible = true;   
}  
</script>  
</html>  

 

[2]、页面截图:


 

[3]、导出Excel的截图:


 

[4]、说明

    JavaScript基本实现了页面内容直接导出Excel文件,完全在前端实现,但是要实现该功能需要具备以下前提条件:

  • IE浏览器
  • 系统已经安装好Office Excel软件

 

本文连接:http://sjsky.iteye.com/blog/1183573

 

炫意HTML5 » Javascript导出Excel的方法

(adsbygoogle = window.adsbygoogle || []).push({});
分享到:更多 ()

CSS3教程HTML5教程