1. ใช้สถานการณ์
หลังจากผู้ใช้ทำอะไรบางอย่างในเบราว์เซอร์เขาจะพิมพ์ใบเสร็จโดยอัตโนมัติ
2. วิธีทดสอบ
2.1 การใช้งาน JavaScript
หลังจากพยายามหลายวิธีในที่สุดกล่องป๊อปอัพจะปรากฏขึ้นในที่สุดทำให้ผู้ใช้สามารถเลือกเครื่องพิมพ์ ไม่ตอบสนองความต้องการของเรา
2.2 Lodop
มันมีฟังก์ชั่นที่ค่อนข้างทรงพลัง แต่มีการเรียกเก็บเงิน ยังไม่ถือว่า
2.3 Pazu
มันมีคุณสมบัติที่ทรงพลังใบอนุญาตฟรี ดีมาก!
รายละเอียด: http://www.4fang.net/article/tech/pazu_tprinter.html
กระบวนการดำเนินการ:
2.3.1 พิมพ์หน้ารายละเอียด
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> ตั๋วเล็ก ๆ </title> <style> ร่างกาย {margin: 0px; padding: 0px; font-size: 11px;} hr {ความกว้าง: 100%; ชายแดน: 1px Dashed Black;}/*******************************************/. ตาราง. title {font-size: 14px;}. ตาราง {width: 100%;}. table. โรงเรียน </td> </tr> <tr> <td align = "center"> ตั๋วเล็ก ๆ </td> </tr> <tr> <td> <hr size = "1"/> </td> </tr> </tbo 15:30 </td> </tr> <td> ชื่อครู: </td> <td> Zhou Shen </td> </tr> <tr> <td> คลาส: </td> <td> ชั้นเรียนเด็ก </td> </tr> <td> colspan = "2"> <hr size = "1"/> </td> </tr> </tbody> </table> <betion> <คำอธิบาย> <ol> <ol> </section> <tbody> <td> ข้อมูลการ์ด: </td> <td> Times </td> </tr> <tr> <td> วันหมดอายุ: </td> <td> indefinite </td> </tr> <tr> <td> วันที่เปิดใช้งาน: </td> <td> 2015-09-08 </td> </tr> /> </td> </tr> </tbody> </table> <bable> <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.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html> charset = "utf-8"> <title> </title> <script src = "printreceipt.js"> </script> </head> <body> <iframe frameBorder = "0" scrolling = "Scrolling" src = "receipt.html" ชื่อ = "myifrm" 323px; "> </iframe> <input name =" button1 "type =" button "value =" ลองพิมพ์! " onclick = "print (1);"/> </body> <script> initprintactivex (); </script> </html>
2.3.3 JS บทนำ
/*** สร้างโดย Hery เมื่อ 2016/7/25.*/ฟังก์ชั่น initprintactivex () {var div_ = document.createElement ('div'); div_.style = "แสดง: ไม่มี"; var Object_ = document.createElement ('Object'); Object_.SetAttribute ("classID", "ClSID: AF33188F-6656-4549-99A6-E394F0CE4EA4" inribute ("codebase", "http://www.4fang.net/4ff/sc_setup.exe"); object_.setattribute ("id", "pazu"); object_.setattribute ("ชื่อ", "pazu"); param_ = document.createElement ('param'); param_.setAttribute ("ชื่อ", "ใบอนุญาต"); param_.setAttribute ("value", "2AE816BA3A24A9BA3F01162E7BF4 20f4 "); object_.appendchild (param _); div_.appendchild (วัตถุ _); document.getElementSbyTagname (" body ") [0] .AppendChild (div _);} // ที่เลือกไว้ล่วงหน้า Paper var strdefaultPaper = 'a4'; // 1. โหลดฟังก์ชั่นเครื่องพิมพ์และรายการกระดาษ init () {listprinters (); // listpapers (); // 2. การโหลดหน้าพิมพ์ทันที // demo ();} // รายการฟังก์ชั่นเครื่องพิมพ์ทั้งหมด การแจ้งเตือน (ps); var pa = ps.split ("/r/n"); สำหรับ (var i = 0; i <pa.length; i ++) {// alert (pa [i]); var op = document.createlelement ("ตัวเลือก"); op.text = pa [i]; op.value = pa {Alert (Ex.Message)}}}} function print (num) {/*skip ie การเลือกการเลือกการพิมพ์*//// ชื่อเครื่องพิมพ์เริ่มต้นถูกตั้งค่าเป็น: gp-58120 seriesvar ispromtuser = false;/*การตั้งค่าหน้า series "; pazu.tprinter.margintop = 1; // ระยะขอบของคุณสมบัติคือ pazu.tprinter.marginbottom = 14; // ระยะขอบของคุณสมบัติคือ pazu.tprinter.marginleft = 7; // คุณสมบัติด้านซ้ายมาร์จิ้น pazu.tprinter.marginright = 8; // คุณสมบัติที่ถูกต้องด้านขวา pazu.tprinter.footer = ""; // คุณสมบัติส่วนท้ายของ pazu.tprinter.header = ""; // ส่วนหัวของคุณสมบัติ pazu.tprinter.orientation = 1; // จำนวนเต็มคุณสมบัติ: ทิศทางกระดาษ 1 = แนวตั้ง 2 = แนวนอน pazu.tprinter.papername = spaper; // คุณสมบัติขนาดกระดาษชื่อ pazu.tprinter.printName = Sprinter; // ชื่อเครื่องพิมพ์คุณสมบัติ pazu.tprinter.isprintbackground = false; // คุณสมบัติว่าคุณสมบัติจะพิมพ์พื้นหลังจริง /falsepazu.tprinter.iszoomouttofit = true; // ไม่ว่าจะมีการปรับขนาดแอตทริบิวต์ให้พอดีกับขนาดที่พิมพ์จริง/false // pazu.tprinter.printtemplate = spt; // URL ของเทมเพลตการพิมพ์แอตทริบิวต์ pazu.tprinter.copies = num; // จำนวนสำเนาของการพิมพ์แอตทริบิวต์ // pazu.tprinter.Range = range.value; // ช่วงแอตทริบิวต์ช่วง pazu.tprinter.iscopybyCopy = false; // แอตทริบิวต์เสร็จสมบูรณ์และพิมพ์สำเนาถัดไปจริง //pazu.tprinter.getDefaultprinter // วิธีการได้รับวัตถุของเครื่องพิมพ์เริ่มต้น // pazu.tprinter.printTodeFaultPrinter // วิธีการส่งสตริงที่จะพิมพ์ไปยังเครื่องพิมพ์เริ่มต้น (พร้อม getDefaultPrinter รูปแบบกระดาษ, แยกใน vbcrlf //pazu.tprinter.getprinters // เมธอดส่งคืนรายการเครื่องพิมพ์, แยกใน vbcrlf //pazu.tprinter.createpaper // วิธีการสร้างกระดาษที่กำหนดเองตามความกว้างและความสูงที่ระบุ แต่ไม่ได้ดำเนินการการตั้งค่าพารามิเตอร์หน้า //pazu.tprinter.dopreview // เมธอดพิมพ์ตัวอย่าง //pazu.tprinter.dopagesetup // เมธอด // เพื่อระบุเฟรมที่จะพิมพ์เพียงใช้ JavaScript เพื่อรับโฟกัส // หมายเหตุ: ด้วยวิธีนี้มันไม่สามารถดูตัวอย่างและสามารถพิมพ์ได้ทันที pazu.tprinter.doprint (ispromtuser);} string.prototype.trim = function () {return thinplace.replace (/(^/s*) | (/s*$)/g, "");ด้านบนเป็นโซลูชันการใช้งานการพิมพ์ตั๋วอัตโนมัติที่ใช้เบราว์เซอร์ (เวอร์ชัน JS) แนะนำให้คุณรู้จักโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!