1. استخدام السيناريوهات
بعد أن يقوم المستخدم بشيء ما في المتصفح ، سيقوم تلقائيًا بطباعة الإيصال.
2. طريقة الاختبار
2.1 تنفيذ JavaScript
بعد تجربة العديد من الطرق ، سيظهر مربع منبثق في النهاية ، مما يسمح للمستخدم باختيار الطابعة. لا تلبي احتياجاتنا.
2.2 لودوب
لها وظائف قوية نسبيا ، ولكن يتم شحنها. لم يتم النظر فيه بعد.
2.3 بازو
لديها ميزة قوية وترخيص مجاني. جيد جدًا!
التفاصيل: http://www.4fang.net/article/tech/pazu_tprinter.html
عملية التنفيذ:
2.3.1 اطبع صفحة التفاصيل
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> تذكرة صغيرة </title> <style> body {margin: 0px ؛ padding: 0px ؛ font-size: 11px ؛} hr {width: 100 ٪ ؛ الحدود: 1px متقطعة أسود ؛}/***********************************************/. جدول .Title {font-size: 14px ؛}. جدول {width: 100 ٪ ؛}. table .Left {text-align:} </style> </head> المدرسة </td> </tr> <tr> <td align = "center"> تذكرة صغيرة </td> </td> <td> <td> <hr size = "1"/> </td> </td> </td> </table> <saption> <saption> <col> </sbody> <tbody> 15:30 </td> </tr> <td> اسم المعلم: </td> <td> Zhou Shen </td> </tr> <td> class: </td> <td> فئة الأطفال </td> </tr> <tr> colspan = "2"> <hr size = "1"/> </td> </tbody </tbody> </table> <table> <caption> <col> <col> </sption> مرات </td> </tr> <tr> <td> تاريخ انتهاء الصلاحية: </td> <td> غير محدد </td> </tr> <tr> <td> تاريخ التنشيط: </td> <td> 2015-09-08 </td> </tr> <td colspan = "2" /> </td> </tr> </tbody> </lood> <table> <tr> <td align = "center"> شكرًا لك على رعايتك! <br/> يرجى الحفاظ على الإيصال. إذا كان لديك أي أسئلة ، يرجى إظهارها ، شكرًا لك! </td> </tr> <tr> <td align = "center"> <img src = "code.png"/> <br/> قم بفحص الكود للتحقق من التفاصيل </td> </tr> </table> </body> </html>2.3.2 صفحة العمل
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 charset = "utf-8"> <title> </title> <script src = "printreceipt.js"> </script> </head> <body> <frame frameborder = "0" scrolling = "scrolling" 323px ؛ "> </frame> <input name =" button1 "type =" button "value =" حاول الطباعة! " onClick = "print (1) ؛"/> </body> <script> initprintactactivex () ؛ </script> </html>
2.3.3 JS مقدمة
/*** تم إنشاؤه بواسطة Hery في 2016/7/25.*/function initprintactivex () {var div_ = document.createElement ('div') ؛ div_.style = "display: none" ؛ var Object_ = document.createElement ('Object') ؛ object_.setattribute ("classid" ، "clsid: AF33188F-6656-4549-99A6-E394F0CE4E4") ؛ Object_.setatt RIBITE ("CodeBase" ، "http://www.4fang.net/4ff/sc_setup.exe") ؛ object_.setattribute ("id" ، "pazu) ؛ object_.settribute (" name "،" pazu ") ؛ var param_ = document.createElement ('param') ؛ param_.setAttribute ("name" ، "الترخيص") ؛ param_setattribute ("value" ، "2ae816ba3a24a9ba3f01162e7bf4 20f4 ") ؛ object_.appendchild (param _) ؛ div_.appendchild (object _) ؛ document.getElementsByTagName (" body ") [0] .AppendChild (div _) ؛} // preceded paper var strdefaultpaper = 'a4' ؛ // 1. قم بتحميل وظيفة الطابعة والورق في init () {listPrinters () ؛ // listpapers () ؛ التنبيه (ps) ؛ var pa = ps.split ("/r/n") ؛ لـ (var i = 0 ؛ i <pa.length ؛ i ++) {// alert (pa [i]) ؛ var op = document.createlement ("Option") ؛ op.text = pa [i] ؛ op.value = pa [i] {ALERT (ex.message)}}}} print (num) {/*skip ie printing selection print*/// تم تعيين اسم الطابعة الافتراضية على: gp-58120 seriesvar ispromtuser = false ؛/*settings*/var spaper = "a4" ؛ سلسلة "؛ pazu.tprinter.margintop = 1 ؛ // هامش العقار هو pazu.tprinter.marginbottom = 14 ؛ // هامش العقار هو pazu.tprinter.marginleft = 7 ؛ // Property Left Margin Pazu.Tprinter.MarginRight = 8 ؛ // Property Right Margin Pazu.tprinter.footer = "" ؛ // property footer pazu.tprinter.header = "" ؛ // header property pazu.tprinter.orientation = 1 ؛ // integer property: اتجاه الورق 1 = صورة 2 = أفقي pazu.tprinter.papername = Spaper ؛ // Property ورقة حجم الاسم pazu.tprinter.printname = Sprinter ؛ // اسم طابعة الخاصية pazu.tprinter.isprintbackground = false ؛ // خاصية ما إذا كانت الخاصية تطبع الخلفية الحقيقية /falsepazu.tprinter.iszoomouttofit = true ؛ // ما إذا كانت السمة مقاسًا لتناسب حجم طباعة صحيح/خطأ // pazu.tprinter.printtemplate = spp ؛ // عنوان URL لقالب طباعة السمة pazu.tprinter.copies = num ؛ // عدد نسخ طباعة السمة // pazu.tprinter.range = range.value ؛ // نطاق صفحة السمة pazu.tprinter.iscopybycopy = false ؛ . جميع تنسيقات الورق ، مقسمة في vbcrlf //pazu.tprinter.getPrinters // طريقة إرجاع قائمة الطابعات ، تقسيم في vbcrlf //pazu.tprinter.createpaper // الطريقة تنشئ ورقة مخصصة وفقًا للعرض المحدد والارتفاع الطباعة ولكن لا تنفيذ المعلمة الصفحة إعداد //pazu.tprinter.dopreview // الطريقة يطبع المعاينة //pazu.tprinter.dopagesetup // الطريقة تنفيذ المعلمة الصفحة / /pazu.tprinter.showpagesetup // meth Format File // لتحديد الإطار الذي يجب طباعته ، ما عليك سوى استخدام JavaScript للحصول على Focus // ملاحظة: بهذه الطريقة ، لا يمكن معاينتها ، ولا يمكن طباعتها فورًا. pazu.tprinter.doprint (ispromtuser) ؛} string.prototype.trim = function () {return this.replace (/(^/s*) | (/s*$)/g ، "") ؛} الوظيفة isNum (n) {if (isnan (n))ما ورد أعلاه هو حل تنفيذ آلة طباعة آلة التذاكر التلقائي المستند إلى المتصفح (إصدار JS) الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!