js前端导出excel表格

最新推荐文章于 2024-07-30 09:30:00 发布

xiao88xin

最新推荐文章于 2024-07-30 09:30:00 发布

阅读量2.2k

点赞数

分类专栏： js web 文章标签： js web

本文链接：https://blog.csdn.net/xiao88xin/article/details/25277437

版权

js web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

运行环境必备要求：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" οnclick='ExportToExcel("content")'>

  </body>
</html>

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