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

lodop打印基本设置与简单使用相关推荐

  1. Lodop打印控件使用

    Lodop打印控件简单使用方法  1.安装.  2.调用LodopFuncs.js文件.  3.增加OBJECT对象  <script language="javascript&quo ...

  2. lodop打印html内容,Lodop打印控件在页面如何使用

    Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...

  3. 关于Lodop打印控件

    Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...

  4. 详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题(底部)

    C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...

  5. uniapp中使用lodop打印控件实现app广域、局域网打印功能,亲测可用

    文章目录 前言 一.本文目的 二.使用步骤 1.准备工作 2.引入库文件 3.页面使用 总结 前言 在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...

  6. lodop打印控件 功能实战

    lodop插件 参考网址  http://www.lodop.net  附开发文档 简单明了 打印预览 打印维护 打印设计功能的添加与操作 需求:前端进行添加文本输入框  并且与lodop进行绑定设计 ...

  7. [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

    最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引 ...

  8. Lodop打印控件在平台中的应用

    一.什么是lodop lodop取意自"load or print",是一款优秀的Web打印控件. 在B/S系统中,传统打印控件总是"页面看到什么才能打印什么" ...

  9. LODOP打印控件示例

    一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用到了LODOP的套打,主要用到两个地方,一是物 ...

最新文章

  1. python 灰度图像_python库skimage 给灰度图像染色
  2. Codejock Xtreme Toolkit Pro v12.0.0 Full Release
  3. ReactNative的基本组件的认识
  4. 随机生成从大到小排序python_随机快速排序(使用Python描述)
  5. python调用数据库数据创建函数_Pyhton应用程序数据库函数封装
  6. 18秋c语言程序设计作业答案,西工大18秋《C语言程序设计》平时作业答案.docx
  7. 已有项目要不要迁移到Addressable系统?
  8. Redis常见客户端异常汇总
  9. 视频教程-微信小程序直播开发快速入门-微信开发
  10. SQL2000置疑数据库修复
  11. echarts图表联动案例
  12. 绿色版mysql8.0.25的卸载安装与基础使用
  13. IDEA类文件图标变成“J”
  14. apicloud命名空间$api方法集合
  15. tmp: Springboot 修改classPath地址
  16. IDC评述网:12月上旬全球域名解析服务商Top15
  17. 5款替代微软Visio的开源免费软件
  18. 双向 DC-DC 变换器(A 题 本科组)-- 2015 年全国大学生电子设计竞赛试题
  19. incident用法_(高频词汇)accident&incident用法综述
  20. 鼠标右键新建菜单没了怎么办

热门文章

  1. Power架构云小机测试笔记
  2. SDN — 网络虚拟化技术的发展历程
  3. 车辆安全分为主动安全和被动安全
  4. 黑马程序员 一步一步往上爬 学习毕老师java视频第17,18,19天
  5. Cocoapods简单介绍和安装
  6. 从Big Dog到Spot Mini:波士顿动力「四足机器人」进化史概览
  7. 最新美化版彩虹DS网聚合登录中转API程序源码 搭建/QQ快捷登录
  8. 办公室白墙文化墙设计_设计对文化敏感的人工智能设备
  9. Python(IT峰)笔记07-数据类型详解-元祖的定义与操作,元祖推导式,元祖生成器,yield关键字,字典及定义,字典所支持的操作,zip研所函数,dict转型,字典函数,集合,冰冻集合,集合推导
  10. 替换CS4344_Audio D/A Converters