本文使用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