zoukankan      html  css  js  c++  java
  • 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
    			{ 
    				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

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




  • 相关阅读:
    关于Maya Viewport 2.0 API 开发的介绍视频
    春节大假
    Some tips about the life cycle of Maya thread pool
    Can I compile and run Dx11Shader for Maya 2015 on my side?
    How to get current deformed vertex positions in MoBu?
    想加入全球首届的 欧特克云加速计划吗?
    三本毕业(非科班),四次阿里巴巴面试,终拿 offer(大厂面经)
    mac、window版编辑器 webstorm 2016... 永久破解方法。
    node 搭载本地代理,处理web本地开发跨域问题
    js 一维数组,转成嵌套数组
  • 原文地址:https://www.cnblogs.com/yanergui/p/5014292.html
Copyright © 2011-2022 走看看