1.シナリオを使用します
ユーザーがブラウザで何かをした後、領収書を自動的に印刷します。
2。テスト方法
2.1 JavaScriptの実装
多くの方法を試した後、最終的にポップアップボックスが表示され、ユーザーがプリンターを選択できるようになります。私たちのニーズを満たしていません。
2.2 Lodop
比較的強力な機能がありますが、充電されています。まだ考慮されていません。
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%; border: 1px dashed black;}/*********************************************/.table .title{font-size:14px;}.table{width:100%;}.table .left{text-align:right;}</style></head><body><table><tr><td align="center">ABC学校</td> </tr> <tr> <td align = "center">小さなチケット</td> </tr> <tr> <td> <hr size = "1"/> </td> </tr> </table> <table> <caption> <col> <col> </caption> <tbody> 15:30 </td> </tr> <td>教師名:</td> <td> Zhou Shen </td> </tr> <tr> <td>クラス:</td> <td>子供のクラス</td> </tr> <tr> <td>学校名:</td> </td> colspan = "2"> <hr size = "1"/> </td> </tr> </tbody> </table> <table> <table> <table> <table> <table> <col> </caption> <tbody> <td>カード情報:</td> <td> quotes/60回時間</td> </tr> <tr> <td>有効期限:</td> <td> intefinite </td> </tr> <tr> <td>アクティベーション日:</td> <td> 2015-09-08 </td> </tr> <tr> <td colspan = "2" 2 "> <hr size =" 1 "1" /> </td> </tr> </tbody> </table> <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.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html> charset = "utf-8"> <title> </title> <script src = "printreceipt.js"> </script> </head> <body> <iframe frameborder = "0"スクロール= "src =" receate.html "name =" myifrm "id =" myifrm "スタイル=" 323px; "> </iframe> <input name =" button1 "type =" button "value =" printing! " onclick = "print(1);"/> </body> <script> initprintactivex(); </script> </html>
2.3.3 JSはじめに
/*** 2016/7/25にHeryによって作成された。 object_ = document.createElement( 'object'); object_.setattribute( "classid"、 "clsid:af33188f-6656-4549-99a6-e394f0ce4ea4"); object_.setatt Ribute( "CodeBase"、 "http://www.4fang.net/4ff/sc_setup.exe"); object_.setattribute( "id"、 "pazu"); object_.setattribute( "name"、 "pazu"); var param_ = document.createElement( 'param'); param_.setattribute( "name"、 "liseal"); param_.setattribute( "value"、 "2AE816BA3A24A9BA3F01162E7BF4 20f4 "); object_.appendChild(param _); div_.appendChild(object _); document.getElementsBytagname(" body ")[0] .appendChild(div _);} // preselected紙var strdefaultpaper = 'a4'; // 1.プリンターとペーパーリスト機能init(){listprinters(); // listpapers(); // 2.page loading intuly alert(ps); var pa = ps.split( "/r/n"); {alert(ex.message)}}}} function print(num){/*Skip IE Printing選択プロンプト*////デフォルトのプリンター名は次のように設定されています。シリーズ "; 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 = horizontal pazu.tprinter.papername = spaper; //プロパティペーパーサイズ名pazu.tprinter.printname = sprinter; //プロパティプリンター名pazu.tprinter.isprintbackground = false; //プロパティがバックグラウンドを印刷するかどうかtrue /falsepazu.tprinter.iszooptofit = true; //属性がサイズの印刷に合うようにスケーリングされているかどうか真/false // pazu.tprinter.printtemplate = spt; //属性印刷テンプレートpazu.tprinter.copies = num;のURL; //属性印刷のコピーの数// pazu.tprinter.range = range.value; //属性ページ範囲pazu.tprinter.iscopybycopy = false; //属性が完了し、次のコピーを印刷しますtrue //pazu.tprinter.getDefaultPrinter //メソッドはデフォルトのプリンターのオブジェクトを取得しますvbcrlf //pazu.tprinter.getPrinters //メソッドでvbcrlf //pazu.tprinter.tprinter.createpaper //指定された幅と高さに応じてカスタムペーパーを作成するプリンターリストを返すように、vbcrlf //pazu.tprinter.getPrinters //の形式の形式があります。ページパラメーター設定を実行しません//印刷するフレームを指定するには、JavaScriptを使用してフォーカスを取得するだけです//注:それ以外の場合は、指定されたFrameWindow.Frames ['myifrm']ではなく、Webページ全体を表示することができます。 pazu.tprinter.doprint(ispromtuser);} string.prototype.trim = function(){return this.replace(/(^/s*)|(/s*$)/g、 "");} function function isnum(n){if(isnan(n))return true;} return true;}上記は、編集者が紹介したブラウザベースの自動チケットマシン印刷実装ソリューション(JSバージョン)です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!