lodop打印基本设置与简单使用

本文使用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
			{ 
				width:90%; 
				padding-top:5px; 
				padding-bottom:5px;
				border:1px solid rgb(204,204,204);
				font-size:15px; 
				padding-left:5px;
			} 
			textarea
			{ 
				width:98%; 
				height:90%; 
				border:1px solid rgb(204,204,204);
				font-size:15px; 
				overflow-y:auto;
			} 
			img
			{ 
				height:192px; 
			} 
			select
			{ 
				width:90%; 
				font-size:15px;
            } 
			option
			{ 
				font-size:15px; 
			}
			.wid3 input
			{
				width:24px;
				padding-top:5px; 
				padding-bottom:5px;
				font-size:15px; 
				float:left;
				padding-left:5px;
			}
			.big img{
				width:170px;
				height:260px;
			}
			td.imgh  img
			{ 
				height:150px;
 				width:130px;
			}
        </STYLE>

</HEAD>
<BODY οnlοad=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 οnerrοr="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 οnclick="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

html代码展示 这里只是一个最简单的 应用更多例子 请访问官网了解 http://www.lodop.net/




转载于:https://www.cnblogs.com/yanergui/p/5014292.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值