什么是网络建站,网站建设所需硬件参数,电子商务网站建设期末试题08答案,门户网站建设专业目录 前言引入js文件小案例 前言
lodop是一个很优秀打印插件#xff0c;具体的大家可以官网了解#xff0c;先在官网下载插件#xff0c;安装在本地#xff0c;并启动#xff0c;点击官网下载
引入js文件
//本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例具体的大家可以官网了解先在官网下载插件安装在本地并启动点击官网下载
引入js文件
//本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例可直接使用建议理解后融入自己程序//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
var MainJS CLodopfuncs.js,URL_WS1 ws://localhost:8000/MainJS, //ws用8000/18000URL_WS2 ws://localhost:18000/MainJS,URL_HTTP1 http://localhost:8000/MainJS, //http用8000/18000URL_HTTP2 http://localhost:18000/MainJS,URL_HTTP3 https://localhost.lodop.net:8443/MainJS; //https用8000/8443var CreatedOKLodopObject, CLodopIsLocal, LoadJsState;//判断是否需要CLodop(那些不支持插件的浏览器):
function needCLodop() {try {var ua navigator.userAgent;if (ua.match(/Windows\sPhone/i) ||ua.match(/iPhone|iPod|iPad/i) ||ua.match(/Android/i) ||ua.match(/Edge\D?\d/i))return true;var verTrident ua.match(/Trident\D?\d/i);var verIE ua.match(/MSIE\D?\d/i);var verOPR ua.match(/OPR\D?\d/i);var verFF ua.match(/Firefox\D?\d/i);var x64 ua.match(/x64/i);if ((!verTrident) (!verIE) (x64)) return true;else if (verFF) {verFF verFF[0].match(/\d/);if ((verFF[0] 41) || (x64)) return true;} else if (verOPR) {verOPR verOPR[0].match(/\d/);if (verOPR[0] 32) return true;} else if ((!verTrident) (!verIE)) {var verChrome ua.match(/Chrome\D?\d/i);if (verChrome) {verChrome verChrome[0].match(/\d/);if (verChrome[0] 41) return true;}}return false;} catch (err) {return true;}
}//检查加载成功与否如没成功则用http(s)再试
//低版本CLODOP6.561/Lodop7.043及前)用本方法
function checkOrTryHttp() {if (window.getCLodop) {LoadJsState complete;return true;}if (LoadJsState loadingB || LoadJsState complete) return;LoadJsState loadingB;var head document.head || document.getElementsByTagName(head)[0] || document.documentElement;var JS1 document.createElement(script),JS2 document.createElement(script),JS3 document.createElement(script);JS1.src URL_HTTP1;JS2.src URL_HTTP2;JS3.src URL_HTTP3;JS1.onload JS2.onload JS3.onload JS2.onerror JS3.onerrorfunction(){LoadJsState complete;}JS1.onerror function(e) {if (window.location.protocol ! https:)head.insertBefore(JS2, head.firstChild); elsehead.insertBefore(JS3, head.firstChild);}head.insertBefore(JS1,head.firstChild);
}//加载Lodop对象的主过程:
(function loadCLodop(){if (!needCLodop()) return;CLodopIsLocal !!((URL_WS1 URL_WS2).match(/\/\/localho|\/\/127.0.0./i));LoadJsState loadingA;if (!window.WebSocket window.MozWebSocket) window.WebSocketwindow.MozWebSocket;//ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:try {var WSK1new WebSocket(URL_WS1);WSK1.onopen function(e) { setTimeout(checkOrTryHttp(),200); }WSK1.onmessage function(e) {if (!window.getCLodop) eval(e.data);}WSK1.onerror function(e) {var WSK2new WebSocket(URL_WS2);WSK2.onopen function(e) {setTimeout(checkOrTryHttp(),200);}WSK2.onmessage function(e) {if (!window.getCLodop) eval(e.data);}WSK2.onerror function(e) {checkOrTryHttp();}}} catch(e){checkOrTryHttp();}
})();//获取LODOP对象主过程,判断是否安装、需否升级:
function getLodop(oOBJECT, oEMBED) {var strFontTag brfont color#FF00FF打印控件;var strLodopInstall strFontTag 未安装!点击这里a hrefinstall_lodop32.exe target_self执行安装/a;var strLodopUpdate strFontTag 需要升级!点击这里a hrefinstall_lodop32.exe target_self执行升级/a;var strLodop64Install strFontTag 未安装!点击这里a hrefinstall_lodop64.exe target_self执行安装/a;var strLodop64Update strFontTag 需要升级!点击这里a hrefinstall_lodop64.exe target_self执行升级/a;var strCLodopInstallA brfont color#FF00FFWeb打印服务CLodop未安装启动点击这里a hrefCLodop_Setup_for_Win32NT.exe target_self下载执行安装/a;var strCLodopInstallB br若此前已安装过可a hrefCLodop.protocol:setup target_self点这里直接再次启动/a;var strCLodopUpdate brfont color#FF00FFWeb打印服务CLodop需升级!点击这里a hrefCLodop_Setup_for_Win32NT.exe target_self执行升级/a;var strLodop7FontTag brfont color#FF00FFWeb打印服务Lodop7;var strLodop7HrefX86 点击这里a hrefLodop7_Linux_X86_64.tar.gz target_self下载安装/a(下载后解压点击lodop文件开始执行);var strLodop7HrefARM 点击这里a hrefLodop7_Linux_ARM64.tar.gz target_self下载安装/a(下载后解压点击lodop文件开始执行);var strLodop7Install_X86 strLodop7FontTag 未安装启动 strLodop7HrefX86;var strLodop7Install_ARM strLodop7FontTag 未安装启动 strLodop7HrefARM;var strLodop7Update_X86 strLodop7FontTag 需升级 strLodop7HrefX86;var strLodop7Update_ARM strLodop7FontTag 需升级 strLodop7HrefARM;var strInstallOK 成功后请刷新本页面或重启浏览器。/font;var LODOP;try {var isWinIE (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));var isWinIE64 isWinIE (/x64/i.test(navigator.userAgent));var isLinuxX86 (/Linux/i.test(navigator.platform)) (/x86/i.test(navigator.platform));var isLinuxARM (/Linux/i.test(navigator.platform)) (/aarch/i.test(navigator.platform));if (needCLodop() || isLinuxX86 || isLinuxARM) {try {LODOP window.getCLodop();} catch (err) {}if (!LODOP LoadJsState ! complete) {if (!LoadJsState)alert(未曾加载Lodop主JS文件请先调用loadCLodop过程.); elsealert(网页还没下载完毕请稍等一下再操作.);return;}var strAlertMessage;if (!LODOP) {if (isLinuxX86)strAlertMessage strLodop7Install_X86;else if (isLinuxARM)strAlertMessage strLodop7Install_ARM;elsestrAlertMessage strCLodopInstallA (CLodopIsLocal ? strCLodopInstallB : );document.body.innerHTML strAlertMessage strInstallOK document.body.innerHTML;return;} else {if (isLinuxX86 LODOP.CVERSION 7.0.4.3)strAlertMessage strLodop7Update_X86;else if (isLinuxARM LODOP.CVERSION 7.0.4.3)strAlertMessage strLodop7Update_ARM;else if (CLODOP.CVERSION 6.5.7.7)strAlertMessage strCLodopUpdate;if (strAlertMessage)document.body.innerHTML strAlertMessage strInstallOK document.body.innerHTML;}} else {//如果页面有Lodop插件就直接使用,否则新建:if (oOBJECT || oEMBED) {if (isWinIE)LODOP oOBJECT;elseLODOP oEMBED;} else if (!CreatedOKLodopObject) {LODOP document.createElement(object);LODOP.setAttribute(width, 0);LODOP.setAttribute(height, 0);LODOP.setAttribute(style, position:absolute;left:0px;top:-100px;width:0px;height:0px;);if (isWinIE)LODOP.setAttribute(classid, clsid:2105C259-1E0C-4534-8141-A753534CB4CA);elseLODOP.setAttribute(type, application/x-print-lodop);document.documentElement.appendChild(LODOP);CreatedOKLodopObject LODOP;} elseLODOP CreatedOKLodopObject;//Lodop插件未安装时提示下载地址:if ((!LODOP) || (!LODOP.VERSION)) {document.body.innerHTML (isWinIE64 ? strLodop64Install : strLodopInstall) strInstallOK document.body.innerHTML;return LODOP;}if (LODOP.VERSION 6.2.2.6) {document.body.innerHTML (isWinIE64 ? strLodop64Update : strLodopUpdate) strInstallOK document.body.innerHTML;}}//如下空白位置适合调用统一功能(如注册语句、语言选择等)://return LODOP;} catch (err) {alert(getLodop出错: err);}
}
小案例
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript srcLodopFuncs.js/script
/headbodya hrefJavaScript:Preview1()打印预览/ascriptvar LODOP; //声明为全局变量 var P_ID ,loop 1,c 0,t null;async function Preview1() {LODOP getLodop();const printData [1, 2];var count 2, loop 1;while (count 1) {const resp await singlePrint(printData[count - 1]);if(resp error) {console.log(超时未响应中止打印)break;}loop;count--;}};function AddPrintContent(printData) {LODOP.ADD_PRINT_TEXT(0, 0, 100, 20, 郭德强 printData);};function singlePrint(printData) {LODOP.PRINT_INIT(测试1);LODOP.SET_PRINT_MODE(CATCH_PRINT_STATUS, true);LODOP.SET_PRINT_PAGESIZE(1, 200mm, 200mm); // 设置固定纸张大小 以及设置打印的顺序AddPrintContent(printData);return new Promise((reslove, reject) {if (LODOP.CVERSION) {console.log(step1)LODOP.On_Return function (TaskID, Value) {console.log(当前的P_ID, Value) // 0表示不成功 1表示成功// 产生了JOBP_ID Value;// 如果正常产生了JOB码, 那么解析来就是去监听对应的打印状态if (P_ID P_ID ! 0) {c 0;waitFor(reslove)}};LODOP.PRINTA();} else {console.log(step2)console.log(LODOP.PRINTA());}})}//获得该JOB是否已经打印成功function waitFor(reslove) {console.log(exe watifor)c c 1;console.log(正在处理${loop})console.log(正等待(JOB代码是${P_ID})打印结果${c}秒)t setTimeout(() waitFor(reslove), 2000);LODOP.On_Return_Remain true;LODOP.On_Return function (TaskID, Value) {console.log(TaskID ${TaskID}, TaskID1 ${TaskID1}, TaskID2 ${TaskID2}, )if (TaskID TaskID1) {if (Value 1) {clearTimeout(t)console.log(${TaskID1}打印成功)c 0;reslove(success);}} else if (TaskID TaskID2) {if (Value 0) {clearTimeout(t)c 0;console.log(${TaskID2}打印任务被删除)reslove(success);};};};TaskID1 LODOP.GET_VALUE(PRINT_STATUS_OK, P_ID);TaskID2 LODOP.GET_VALUE(PRINT_STATUS_EXIST, P_ID);if (c 15) {clearTimeout(t);c 0;alert(打印超过15秒没捕获到成功状态);reslove(error)};}/script
/body/html
