HTML代码(请先下载对应LODOP插件安装)  -    打印onclike事件CreatePrintPage()打印函数,LODOP.PREVIEW()打印预览。

<div class="container-fluid">
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0"
height="0">
<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0"></embed>
</object>
<font size="6"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true" onclick="history.back();"></span>如果您所使用的计算机是第一次使用本系统,请安装所需控件。<a href="install_lodop32.zip">点击下载</a></font><br />
进入<a style="font-size:20px;font-weight:bold;" href="javascript:;" onclick="javascript: CreatePrintPage(); LODOP.PREVIEW(); ">打印</a>
进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a>
</div>

Js 方法  -   画线条 文本  条形码等设置,满足一般打印功能,可分页打印多张

function CreatePrintPage() {

LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));

LODOP.SET_PRINT_PAGESIZE(0, 1000, 1800, "");//设置整体打印面单宽1000mm,高1800mm

LODOP.NewPage();//分页打印,第一页忽略

LODOP.ADD_PRINT_RECT("0.1cm", "0.1cm", "9.8cm", "17.8cm", 0, 1); //画线条参数对应 顶端 左端 宽 高  框为实线(0-实线 1-破折线 2-点线 3-点划线 4-双点划线)、线宽为1px

LODOP.ADD_PRINT_TEXT("3.68cm", "0.16cm", "0.56cm", "0.52cm", "文字内容");//填写文字信息参数对应 顶端 左端 文本框宽  高 文字内容

LODOP.SET_PRINT_STYLEA(0, "FontSize", 9);//设置文本样式 参数对应 0表示临近的文本信息  字体大小

LODOP.SET_PRINT_STYLEA(0, "FontName", "黑体");  //设置文本样式 参数对应 0表示临近的文本信息  字体样式

LODOP.ADD_PRINT_BARCODE(\"6.72cm\", \"0.66cm\", \"8.63cm\", \"1.96cm\", \"128A\", "000001001"); //条形码  参数对应 顶端 左端 条形码宽 高 条形码格式 条码下方数字或文字

LODOP.SET_PRINT_STYLEA(0, \"FontSize\", 7); //设置条码下方文本格式大小

}

function getLodop(oOBJECT,oEMBED){
/**************************
本函数根据浏览器类型决定采用哪个对象作为控件实例:
IE系列、IE内核系列的浏览器采用oOBJECT,
其它浏览器(Firefox系列、Chrome系列、Opera系列、Safari系列等)采用oEMBED,
对于64位浏览器指向64位的安装程序install_lodop64.exe。
**************************/
var strHtmInstall="<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
var strHtmUpdate="<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
var strHtm64_Install="<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
var strHtm64_Update="<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
var strHtmFireFox="<br><br><font color='#FF00FF'>注意:<br>1:如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它。</font>";
var LODOP=oEMBED;
try{
var isIE = (navigator.userAgent.indexOf('MSIE')>=0) || (navigator.userAgent.indexOf('Trident')>=0);
var is64IE = isIE && (navigator.userAgent.indexOf('x64')>=0);
if (isIE) LODOP=oOBJECT;
if ((LODOP==null)||(typeof(LODOP.VERSION)=="undefined")) {
if (navigator.userAgent.indexOf('Firefox')>=0)
{document.documentElement.innerHTML=strHtmFireFox+document.documentElement.innerHTML;};
if (is64IE) {document.write(strHtm64_Install);} else
if (isIE) {document.write(strHtmInstall); } else
{document.documentElement.innerHTML=strHtmInstall+document.documentElement.innerHTML;};
return LODOP;
} else
if (LODOP.VERSION<"6.1.5.8") {
if (is64IE){document.write(strHtm64_Update);} else
if (isIE) {document.write(strHtmUpdate); } else
{document.documentElement.innerHTML=strHtmUpdate+document.documentElement.innerHTML; };
return LODOP;
}
//=====如下空白位置适合调用统一功能:=====

//=======================================
return LODOP;
}catch(err){
if (is64IE)
document.documentElement.innerHTML="Error:"+strHtm64_Install+document.documentElement.innerHTML;else
document.documentElement.innerHTML="Error:"+strHtmInstall+document.documentElement.innerHTML;
return LODOP;
}
}

LODOP打印插件的更多相关文章

  1. chrome升级后LODOP打印插件无法使用

    今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...

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

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

  3. lodop打印收费小票

    //收费系统打印机功能:收费/退费,需要使用到lodop var LODOP;//打印机 $(function () { //初始化 $("body").append('<o ...

  4. 专业的web打印插件

    Lodop是什么?参考官方网站:http://www.lodop.net/ 有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程 ...

  5. Lodop打印控件在页面如何使用

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

  6. js前台调用lodop打印

    lodop简单介绍 lodop的打印功能已经非常强大,也在带web端的图形界面,可以供用户使用.使用js在前台调用lodop打印,一般分为两种方法: 1:特殊的指令打印,这种打印方式,是采用的与js无 ...

  7. LODOP打印超文本保留背景色带平铺水印

    前面的博文:LODOP中设置设置图片平铺水印,超文本透明. 介绍过 ,如果不想去掉超文本的背景色,想在超文本背景色和超文本内容文字之间加上水印,让水印在背景色上面,文字下面,是不行的,因为平铺的图片和 ...

  8. jQuery简单易用的网页内容打印插件

    简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的 ...

  9. asp.net 实现在线打印功能,jQuery打印插件PrintArea实现自动分页

    使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后 ...

随机推荐

  1. Android studio NDK 编译 "$USE_DEPRECATED_NDK=true" 异常问题解决

    我的项目是https://github.com/leixiaohua1020/simplest_ffmpeg_mobile/tree/master/simplest_ffmpeg_android_st ...

  2. 命令行上的narrowing(随着输入逐步减少备选项)工具

    前面在介绍zsh的时候,说过它的补全用来起比bash的Tab补全方便多了,在有多个备选项是你只要用光标键来挑选就是了,而不是全列出来提示你再多输入几个字符.而Emacs的anything / helm ...

  3. C#代理那点事儿

    Func代理是啥? Func代理接收0个或多个参数,返回TResult值: 以Func<TSource, TResult>为例:Func带来封装一个方法,该方法接收一个参数,然会一个TRe ...

  4. CentOS6下Haproxy的安装配置

    Haproxy 是一个开源的负载均衡和反向代理软件,其提供了高可用的网络服务.其一般是应用于web服务,但同时也能为SMTP和终端服务等提供可靠的支持. 1.下载安装haproxy wget ftp: ...

  5. truncate/drop表非常慢,怎么办?用硬链接,极速体验

    这个这个,我必须花巨大篇幅,记录下今天清空表记录的英雄壮举,可知道一个drop操作,执行了一下午啊一下午,这是要急出翔的节奏..呵呵,下面开始 我的需求:某表因历史原因,积压了1亿条记录,约占360G ...

  6. 现代JavaScript开发者的工具箱

    自从HTML5变得流行以来,整个Web平台取得了长足的进步,人们也开始将JavaScript视为一门能够创建复杂应用的语言.许多新的API纷纷浮现,而关于浏览器如何应用这些技术的文章也大量涌现. 作为 ...

  7. SSIS:控件清单

    Control Flow 控制流程 Containers 容器 For Loop Container Foreach Loop Container Sequence Container Core Ta ...

  8. linux samba 服务配置及日志管理

    2012-01-16    安装samba共需3个rpm包   samba-common-3.0.23c-2.i386.rpm  samba-3.0.23c-2.i386.rpm  samba-cli ...

  9. WebKit内核分析之Page

    参考地址:http://blog.csdn.net/dlmu2001/article/details/6213377 注:本系列博客是在原博主博客基础上增加了自己的理解和片段,可以看源博文获得清晰的结 ...

  10. 九度OJ 1502 最大值最小化(JAVA)

    题目1502:最大值最小化(二分答案) 九度OJ Java import java.util.Scanner; public class Main { public static int max(in ...