js前端打印

来源:互联网 发布:汪精卫为何叛变知乎 编辑:程序博客网 时间:2024/05/21 17:11
1、在页面的代码头部处加入 
JavaScript:
<script language=javascript> 
function onload() { 
bdhtml=window.document.body.innerHTML; 
sprnstr="<!--startprint-->"; 
eprnstr="<!--endprint-->"; 
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
window.document.body.innerHTML=prnhtml; 
window.print(); 

</script> 

2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。也就是在需要用户 打印保存的正文所对应的html处附加上。



3、完整如下所示

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
<script type="text/javascript">
window.onload=function()//用window的onload事件,窗体加载完毕的时候
{
bdhtml=window.document.body.innerHTML; 
sprnstr="<!--startprint-->"; 
eprnstr="<!--endprint-->"; 
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
window.document.body.innerHTML=prnhtml; 
window.print(); 
}
</script>
</head>
<style type="text/css">
.main td{ height:30px; border:#CCCCCC 1px solid;}
.v div{ width:1800px; height:700px;}
</style>
<!--startprint-->
<body>
<div class="v">
<table>
<tr width="100%" border="0" cellspacing="0" cellpadding="0" class="main" bgcolor="#5F9EA0">

<!--  <tr> -->
<td>机</td>
<td>关</td>
<td>起</td>
<td>降</td>
<td>开</td>
<td>飞</td>
<td>运</td>
<td>飞</td>
<td>运</td>
</tr>
<s:iterator  value="#request.airplaneInfos" status="status" id="airplane">
<tr width="100%" border="0" cellspacing="0" cellpadding="0" class="main">
<td><s:property value="#airplane.aircraftID"/></td>
<td><s:property value="#airplane.outTime"/></td>
<td><s:property value="#airplane.offTime"/></td>
<td><s:property value="#airplane.onnTime"/></td>
<td><s:property value="#airplane.innTime"/></td>
<td><s:property value="#airplane.timeOffonn"/></td>
<td><s:property value="#airplane.timeOutinn"/></td>
<td><s:property value="#airplane.fobOffonn"/></td>
<td><s:property value="#airplane.fobOutinn"/></td>
</tr>
</s:iterator>
</table>
</div>
</body>
<!--endprint-->
</html>

0 0
原创粉丝点击