web页面打印支持分页打印

来源：互联网发布：restful接口开发数据库编辑：程序博客网时间：2024/04/30 11:16

在WEB页面上直接打印....

支持分页打印,是用Struts生成的,数据动态加入

内容格式用CSS样式控制,有些内容输入后自动换行

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<html>

<HEAD>

<%@ page

language="java"

contentType="text/html; charset=GBK"

pageEncoding="GBK"

<title>无标题文档</title>

.Noprint{display:none;}

.Ptt {

display:block;

visibility: visible;

}

.PageNext{page-break-after: always;}

</style>

<style>

.div1 {

padding: 1px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

font-family: "Arial";

}

.pack {

font-size: 16px;

font-weight: bold;

font-family: Arial;

}

.pack2 {

font-size: 16px;

font-weight: bold;

font-family: Arial;

}

#layer1 table{border:solid 1px #fff;border-collapse:collapse;}

#layer1 td{border:solid 1px #000;display:block;}

.item {

font-size: 16px;

font-family: Arial;

font-weight: bold;

}

.item2 {

font-size: 16px;

font-weight:bold;

font-family: Arial;

}

.sty1 {

font-size: 16px;

font-family: Arial;

}

.size12 {

font-family: Arial;

font-size: 12px;

}

.notfull {

font-size: 26px;

font-weight: bold;

}

</style>

var i=1;

function show(){

var divdiv1=document.getElementById("div1");

/*divdiv1.innerHTML=divdiv1.innerHTML+i;

alert("HTML:"+divdiv1.innerHTML);

i++;*/

alert("HTML:"+divdiv1.innerHTML);

//alert("asdf");

}

</script>

</head>

<body>

<p>

</OBJECT>

</p>

<p>

<br/>

</p>

</center>

<td >

<logic:present name="message">

asdf

<bean:write name="message"/>

</font>

</fieldset>

</logic:present>

</td>

</tr>

</table>

</div>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

<td height="20" colspan="3"><div align="left"style="word-break : break-all;">Size:Multi</div></td>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

C袋(group A):</label>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tr>

<td height="12" colspan="6"><div align="left" style="word-break : break-all;">Size:Multi aaaaaaaaaaaaaaaaaaaljksdfklasdjklfjklasjdklfjkasj</div></td>

</tr>

</tr>

<td height="20" colspan="6"><div align="left">Cust Stone Ref:</div></td>

</tr>

asdkjfjlasdljfj lasdfklalksdfjlkakljsdfjkl sdfsljdf jlsjdlfjlksdljfk

</div></td>

</tr>

</tr>

</tbody>

</table>

</div>

C袋(group B):</label>

</div>

<tbody>

<tr>

</tr>

<td height="20" colspan="3"><div align="left">Size:Multi</div></td>

</tr>

</tr>

</tbody>

</table>

</div>

D袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

R12345DI(WH) <br />

01277-13778

</div></td>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

T袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

R12345DI(WH) <br />

01277-13778

</div></td>

</tr>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

E袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tr>

</tr>

</tr>

<td height="20" colspan="6"><div align="left">工单连袋重:</div></td>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

</center>

</body>

var a = new Date();

var s=""+a.getFullYear()+ (a.getMonth() + 1)+a.getDate();

//alert(s);

</script>

</html>

web页面打印 支持分页打印

web页面打印支持分页打印