本文使用lodop控件 进行web打印与简单使用。下载地址：http://www.lodop.net/uploads/file/Lodop6.198.zip
本页代码demo下载地址：打印demo
<html>
<HEAD>
<META content=IE=edge,chrome=1 http-equiv=X-UA-Compatible>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7601.17514">
<SCRIPT language=javascript src="LodopFuncs.js"></SCRIPT>
<META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>
<STYLE>
@media print{ .page{ page-break-after :always; } .notPrint { display:none;
} }
input
{
90%;
padding-top:5px;
padding-bottom:5px;
border:1px solid rgb(204,204,204);
font-size:15px;
padding-left:5px;
}
textarea
{
98%;
height:90%;
border:1px solid rgb(204,204,204);
font-size:15px;
overflow-y:auto;
}
img
{
height:192px;
}
select
{
90%;
font-size:15px;
}
option
{
font-size:15px;
}
.wid3 input
{
24px;
padding-top:5px;
padding-bottom:5px;
font-size:15px;
float:left;
padding-left:5px;
}
.big img{
170px;
height:260px;
}
td.imgh img
{
height:150px;
130px;
}
</STYLE>
</HEAD>
<BODY onload=loadData();><INPUT id=TABLETEMPLATEID class=dataItem value=40288004504fb65a01504fc445ca0084 type=hidden name=TABLETEMPLATEID flabel="" ftype="文本" validatext="" validator="">
<TABLE border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<TBODY>
<TR class=firstRow height=18>
<TD vAlign=top><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">准考证黑白、彩色打印均可；</SPAN></TD></TR></TBODY></TABLE>
<TABLE style="BORDER: #000000 3px solid; WHITE-SPACE: normal; WORD-BREAK: break-all; margin-top:5px;" rules=none cellSpacing=0 cellPadding=0 width=970 align=center>
<TBODY></TBODY>
<TBODY>
<TR style="HEIGHT: 0px" class=firstRow>
<TD height=0 width=15><BR></TD>
<TD width=84><BR></TD>
<TD width=40><BR></TD>
<TD width=67><BR></TD>
<TD width=70><BR></TD>
<TD width=80><BR></TD>
<TD width=70><BR></TD>
<TD width=90><BR></TD>
<TD width=30><BR></TD>
<TD width=610><BR></TD>
<TD width=15><BR></TD></TR></TBODY>
<TBODY>
<TR class=firstRow width="970">
<TD vAlign=center><BR></TD>
<TD height=30 colSpan=7 align=middle><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><STRONG>中央机关及其直属机构2016年度考试录用公务员笔试</STRONG><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 20px"></SPAN><BR><STRONG style="FONT-SIZE: 20px">准 考 证</STRONG><STRONG style="FONT-SIZE: 20px"></STRONG></SPAN></TD>
<TD align=middle><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"></SPAN></TD>
<TD vAlign=bottom align=middle><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">相关违纪违规行为处理标准</SPAN></TD>
<TD align=middle><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">姓 名:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=KS_RNAME name="KS_RNAME" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><BR></TD>
<TD class=imgh rowSpan=4 colSpan=2><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><IMG class=headImg onerror="this.style.display='none'" src="http://192.168.0.101:8080/hrj_admin/jaxrs/A_019_EnrollWebService/getPhoto?regid=402880264eae1680014eae60444e0001" width=120 height=145> </SPAN></TD>
<TD><BR></TD>
<TD style="LINE-HEIGHT: 125%" class=PP height=475 rowSpan=16><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">1.按“手机使用”处理的行为包括：<BR>（1）携带手机并开机；<BR>（2）未放到指定位置上，手机铃音响、闹铃响或手机振动；<BR>（3）携带手机当作钟表或其他功能使用；<BR>（4）拿出手机看、接收或发送信息等；<BR>（5）拿出手机并开机；<BR>（6）其他监考人员明确记录为“使用”或事后核实为使用的。<BR>以上按照《公务员录用考试违纪违规行为处理方法（试行）》第七条第三款处理<BR><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px; TEXT-DECORATION: none">2.关于考生坐错考场的处理<BR>（1）考试前期，考生主动提出走错了考场，经主考同意继续考试的，应作记录，不作违纪处理。<BR>（2）考试期间，由监考人员发现坐错考场，继续原地参加考试的，按坐错考场记录。<BR>（3）阅卷期间发现考生坐错考场，经查属于替考的，按替考记录；不属于替考且没有书面说明的，按坐错考场记录。<BR>3.关于雷同试卷甄别结果的认定<BR>（1）属雷同试卷“同考场打小抄”的，按《办法》第七条第一款认定。<BR>（2）属雷同试卷“跨考场两两作弊”的，按《办法》第八条第一款“串通作弊”认定。<BR>（3）属雷同试卷“集团作弊”的，按《办法》第八条第一款“有组织作弊的认定”。</SPAN></SPAN></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">报名序号:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=KS_AID name="KS_AID" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">准考证号:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=GK_IDFOREXAM name="GK_IDFOREXAM" ftype="文本"></DIV></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">身份证号:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=KS_ID name="KS_ID" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">考试类别:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=KSLB name="KSLB" ftype="文本"></DIV></SPAN></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">报考部门:</SPAN></TD>
<TD colSpan=2><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=KS_DEPTNAME name="KS_DEPTNAME" ftype="文本"></DIV></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">职位代码:</SPAN></TD>
<TD colSpan=3><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=KS_JOB_CODE name="KS_JOB_CODE" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">职位类别:</SPAN></TD>
<TD colSpan=2><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=ZWSX name="ZWSX" ftype="文本"></DIV></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">考 区:</SPAN></TD>
<TD colSpan=6><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">天津市</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">考点名称:</SPAN></TD>
<TD colSpan=4><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=KC_KDNAME name="KC_KDNAME" ftype="文本"></DIV></SPAN></TD>
<TD align=right><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">考场号:</SPAN></TD>
<TD align=left><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=KC_KCCODE name="KC_KCCODE" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">考点地址:</SPAN></TD>
<TD colSpan=4><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=KD_ADDRESS name="KD_ADDRESS" ftype="文本"></DIV></SPAN></TD>
<TD align=right><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">座位号:</SPAN></TD>
<TD align=left><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">
<DIV id=KC_POSITION name="KC_POSITION" ftype="文本"></DIV></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=24><BR></TD>
<TD vAlign=top rowSpan=2 colSpan=6 align=left><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><PRE><DIV style="WORD-BREAK: break-all" id=REMARK name="REMARK" ftype="只读文本"></DIV></PRE></SPAN></TD>
<TD><BR></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD><BR></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">注意事项：</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">1、考生必须带齐准考证、法定身份证件（与报名一致），方可进入考场。</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">2、考生自备橡皮、2B铅笔、黑色字迹的钢笔、签字笔或圆珠笔</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">3、严禁将各种电子、通信、计算、存储或其他设备带至座位。</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">4、考试前30分钟可进入考场；考试开始30分钟后，不得入场；考试期间，不得提前交卷、退场。</SPAN></TD>
<TD><BR></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">5、严禁将答题卡、试卷、草稿纸等带出考场。</SPAN></TD>
<TD><BR></TD>
<TD align=middle><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">提示：考生应在考试前一天熟悉考场地址和交通路线。</SPAN></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">6、考生须认真阅读有关规定、遵守考场规则，若有作弊行为，将按相关规定处理。</SPAN></TD>
<TD><BR></TD>
<TD align=middle><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px"><STRONG>敬请诚信参考，反对考试作弊，共同维护公平公正！</STRONG></SPAN></TD>
<TD><BR></TD></TR>
<TR class=firstRow width="970">
<TD height=22><BR></TD>
<TD colSpan=7><BR></TD>
<TD><BR></TD>
<TD align=right><SPAN style="FONT-FAMILY: 宋体, SimSun; FONT-SIZE: 12px">***********制</SPAN></TD>
<TD><BR></TD></TR></TBODY></TABLE>
<DIV style="POSITION: fixed; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 10px; LEFT: 600px; _left: 600px; z_index: 999; _position: absolute; _bottom: 10px">
<BUTTON style="WIDTH: 150px; BACKGROUND: #0098fc; HEIGHT: 30px; COLOR: white" id=printButton class=notPrint onclick="prn1_print()" type=submit>打印</BUTTON>
</DIV>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function prn1_print() {
document.getElementById("printButton").style.display="none";
CreateWholePage();
LODOP.PREVIEW();
document.getElementById("printButton").style.display="";
};
function CreateWholePage(){
LODOP=getLodop();
LODOP.PRINT_INIT("准考证");//如果是使用pdf打印机的话 会另存为成“准考证.pdf”
LODOP.SET_PRINT_PAGESIZE(2, 2970, 2100,"准考证打印");
LODOP.ADD_PRINT_HTM(60,0,"100%","100%",document.documentElement.innerHTML);
LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED",1);//横向时的正向显示
};
</script>
</BODY>
</html>
本页代码demo下载地址：打印demo