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;
}
}