提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript操作excel生成报表全攻略

JavaScriptExcel 操作 生成 报表 全攻略
2023-06-13 09:15:25 时间
最近做一个项目,用到了javascript操纵excel以生成报表,下面是标有详细注解的实例
复制代码代码如下:

<html>
<head>
<scriptlanguage="javascript"type="text/javascript">

</script><scriptlanguage="javascript"type="text/javascript">
functionMakeExcel(){
vari,j;
try{
varxls=newActiveXObject("Excel.Application");
}
catch(e){
alert("要打印该表，您必须安装Excel电子表格软件，同时浏览器须使用“ActiveX控件”，您的浏览器须允许执行控件。请点击【帮助】了解浏览器设置方法！");
return"";
}
xls.visible=true;//设置excel为可见
varxlBook=xls.Workbooks.Add;
varxlsheet=xlBook.Worksheets(1);
<!--合并-->
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,7)).mergecells=true;
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,7)).value="发卡记录";
//xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Interior.ColorIndex=5;//设置底色为蓝色
//xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Font.ColorIndex=4;//设置字体色
//xlsheet.Rows(1).Interior.ColorIndex=5;//设置底色为蓝色设置背景色Rows(1).Font.ColorIndex=4
<!--设置行高-->
xlsheet.Rows(1).RowHeight=25;
<!--设置字体ws.Range(ws.Cells(i0+1,j0),ws.Cells(i0+1,j1)).Font.Size=13-->
xlsheet.Rows(1).Font.Size=14;
<!--设置字体设置选定区的字体xlsheet.Range(xlsheet.Cells(i0,j0),ws.Cells(i0,j0)).Font.Name="黑体"-->
xlsheet.Rows(1).Font.Name="黑体";
<!--设置列宽xlsheet.Columns(2)=14;-->
xlsheet.Columns("A:D").ColumnWidth=18;
<!--设置显示字符而不是数字-->
xlsheet.Columns(2).NumberFormatLocal="@";
xlsheet.Columns(7).NumberFormatLocal="@";

//设置单元格内容自动换行range.WrapText=true;
//设置单元格内容水平对齐方式range.HorizontalAlignment=Excel.XlHAlign.xlHAlignCenter;//设置单元格内容竖直堆砌方式
//range.VerticalAlignment=Excel.XlVAlign.xlVAlignCenter
//range.WrapText=true;xlsheet.Rows(3).WrapText=true自动换行
//设置标题栏
xlsheet.Cells(2,1).Value="卡号";
xlsheet.Cells(2,2).Value="密码";
xlsheet.Cells(2,3).Value="计费方式";
xlsheet.Cells(2,4).Value="有效天数";
xlsheet.Cells(2,5).Value="金额";
xlsheet.Cells(2,6).Value="所属服务项目";
xlsheet.Cells(2,7).Value="发卡时间";
varoTable=document.all["fors:data"];
varrowNum=oTable.rows.length;
for(i=2;i<=rowNum;i++){
for(j=1;j<=7;j++){
//htmltable类容写到excel
xlsheet.Cells(i+1,j).Value=oTable.rows(i-1).cells(j-1).innerHTML;
}

}
<!--xlsheet.Range(xls.Cells(i+4,2),xls.Cells(rowNum,4)).Merge;-->
//xlsheet.Range(xlsheet.Cells(i,4),xlsheet.Cells(i-1,6)).BorderAround,4
//for(mn=1,mn<=6;mn++).xlsheet.Range(xlsheet.Cells(1,mn),xlsheet.Cells(i1,j)).Columns.AutoFit;
xlsheet.Columns.AutoFit;
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(rowNum+1,7)).HorizontalAlignment=-4108;//居中
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,7)).VerticalAlignment=-4108;
xlsheet.Range(xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Font.Size=10;
xlsheet.Range(xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(3).Weight=2;//设置左边距
xlsheet.Range(xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(4).Weight=2;//设置右边距
xlsheet.Range(xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(1).Weight=2;//设置顶边距
xlsheet.Range(xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(2).Weight=2;//设置底边距


xls.UserControl=true;//很重要,不能省略,不然会出问题意思是excel交由用户控制
xls=null;
xlBook=null;
xlsheet=null;
}


</script><linkhref="css/styles3.css"rel="stylesheet"type="text/css"/>
<title>ziyuanweihu</title>
</head>
<body>
<formid="fors"method="post"action="/WebModule/admins/card/showcard.faces"enctype="application/x-www-form-urlencoded">


<tableid="fors:top"border="0"cellpadding="0"cellspacing="0"width="100%">
<tbody>
<tr>
<tdclass="left"><imgsrc="images/jiao1.gif"alt=""/></td>
<tdclass="topMiddle"></td>
<tdclass="right"><imgsrc="images/jiao2.gif"alt=""/></td>
</tr>
</tbody>
</table>


<tableborder="0"cellpadding="0"cellspacing="0"width="100%">
<tbody>
<tr>
<tdclass="middleLeft"></td>
<tdclass="btstyle"><tableid="fors:sort"border="0"cellpadding="0"cellspacing="0"style="valign:center"width="100%">
<tbody>
<tr>
<tdclass="btstyle"><inputtype="button"name="fors:_id7"value="生成excel文件"onclick="MakeExcel()"/><inputtype="submit"name="fors:_id8"value="返回"/></td>
</tr>
</tbody>
</table>
<tableid="fors:data"border="1"cellpadding="0"cellspacing="1"width="100%">
<thead>
<tr>
<thscope="col"><spanid="fors:data:headerText1">卡号</span></th>
<thscope="col"><spanid="fors:data:headerText2">密码</span></th>
<thscope="col"><spanid="fors:data:headerText3">计费方式</span></th>
<thscope="col"><spanid="fors:data:headerText4">有效天数</span></th>
<thscope="col">金额</th>
<thscope="col"><spanid="fors:data:headerText6">所属服务项目</span></th>
<thscope="col"><spanid="fors:data:headerText7">发卡时间</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>h000010010</td>
<td>543860</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010011</td>
<td>683352</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010012</td>
<td>433215</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010013</td>
<td>393899</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010014</td>
<td>031736</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010015</td>
<td>188600</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010016</td>
<td>363407</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010017</td>
<td>175315</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010018</td>
<td>354437</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
<tr>
<td>h000010019</td>
<td>234750</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-2310:14:40.843</td>
</tr>
</tbody>
</table>
</td>
<tdclass="middleRight"></td>
</tr>
</tbody>
</table>
<tableid="fors:bottom"border="0"cellpadding="0"cellspacing="0"width="100%">
<tbody>
<tr>
<tdclass="left">
<imgsrc="images/jiao3.gif"alt=""/>
</td>
<tdclass="bottomMiddle"></td>
<tdclass="right">
<imgsrc="images/jiao4.gif"alt=""/>
</td>
</tr>
</tbody>
</table>
<inputtype="hidden"name="fors"value="fors"/></form>
</body>
</html>

相关文章