当前页面: 开发资料首页 → J2EE 专题 → 结合JAVASCRIPT将HTML导入Excel形成简单Web报表
结合JAVASCRIPT将HTML导入Excel形成简单Web报表
摘要: 本文介绍一种简单的结合JAVASCRIPT将HTML导入Excel形成简单Web报表的方法,做法是把HTML中的table整个导入到Excel中,然后提示下载或者打开。
做法是把HTML中的table整个导入到Excel中,提示下载或者打开.
Javascript代码:
/****************************************************
add by liqingfeng,
生成导出按钮,专门供查询配置统计页面使用,
即页面没有ifram的情况
2005-4-29
*******************************************************/
function getExcelExportButton(inTblId, btnWidth, root, formname) {
var strHtml = "";
var width=90;
if (btnWidth!=null)width=btnWidth;
//var tblWin = (!!inWindow ? inWindow : "");
//strHtml += "<form name ='xlsForm'>";
strHtml += "<input name=\"tablevalue\" type=\"hidden\" value=\"\">";
if(!document.all("xlsFrm")) {
strHtml += "<iframe name=\"xlsFrm\" width=\"0\" height=\"0\"></iframe>";
}
strHtml += "<table border=\"1\" align='center' cellspacing=\"0\" cellpadding=\"0\" width=\""+width+"\">";
strHtml += " <tr class=\"tableButton\" onClick=\"javascript:getXlsFromJsp('" + inTblId + "','" + root + "','" + formname +"')\" "
";
strHtml += " <td nowrap>导出</td>";
strHtml += " </tr>";
strHtml += "</table>";
//strHtml += "</form>";
document.writeln(strHtml);
//getGlobeHideFrame();
}
/************************************************
add by liqingfeng,
专门供查询配置统计页面使用,
即页面没有ifram的情况
2005-4-29
*********************************************************/
function getXlsFromJsp(id, root, formname){
//var tblDocument = eval(frmName).document;
var tblFromname = document.all(formname);
var curTbl = document.all(id);
var tableValue = curTbl.innerHTML ;
tblFromname.tablevalue.value = tableValue;
//alert(""+curTbl.innerHTML );
window.open( root + "/excel_transfer.jsp?formname=" + formname,"def","Height = max ,Width = max");
}
测试的HTML:
<head>Test </head>
<body>
<form name = “form1”>
<table borderColor=#111111 cellSpacing=0 cellPadding=2 width=1200 align=center border=1>
<tr>
<td align=middle width="10%" height=20 rowSpan=2>项目 </td>
<td align=middle width="2%" height=20 rowSpan=2>计量单位 </td>
<td align=middle width="4%" height=20>满期赔付率 </td>
</tr>
</table>
<script>getExcelExportButton2('collate', 'frmInfoList','90','/root','form1')</script>
</form>
</body>
点击导出按钮,页面转入excel_transfer.jsp 进行中转处理
excel_transfer.jsp:
<%@ page contentType="text/html; charset=gb2312" %>
<head>excel transfer </head>
<body>