jquery-barcode:js实现的条码打印

这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html

使用示例:

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <title>jQuery Barcode</title>
 5         <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
 6         <script type="text/javascript" src="jquery-barcode.js"></script>
 7         <style type="text/css">
 8         .barcodeImg{margin:10px 0px}
 9         </style>
10     </head>
11     <body>
12         <div style="margin:10px">    
13             <input id="src" value="11225921991"></input><br/>                
14             <input type="button" onclick='code11()' value="code11">     
15             <input type="button" onclick='code39()' value="code39"> 
16             <input type="button" onclick='code93()' value="code93">
17             <input type="button" onclick='code128()' value="code128">
18             <input type="button" onclick='ean8()' value="ean8">         
19             <input type="button" onclick='ean13()' value="ean13">
20             <input type="button" onclick='ean13()' value="std25">
21             <input type="button" onclick='int25()' value="int25">
22             <input type="button" onclick='msi()' value="msi">
23             <input type="button" onclick='datamatrix()' value="datamatrix">
24             <div id="bcTarget" class="barcodeImg"></div>            
25         </div>
26 
27         <script type="text/javascript">
28 
29 
30         function code11(){
31             $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
32         }
33 
34         function code39(){
35             $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
36         }
37 
38         function code93(){
39             $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
40         }
41 
42         function code128(){
43             $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
44         }
45 
46         function ean8(){
47             $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
48         }
49 
50         function ean13(){
51             $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
52         }
53 
54         function std25(){
55             $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
56         }
57 
58         function int25(){
59             $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
60         }
61 
62         function msi(){
63             $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
64         }
65 
66         function datamatrix(){
67             $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
68         }
69         </script>
70 
71     </body>
72 </html>

示例源码地址:jquery-barcode.zip

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏xingoo, 一个梦想做发明家的程序员

套接字选项

选项影响套接字操作,如 封包路由,OOB数据传输,获取和设置套接字选项分别是 getsockopt  setsockopt 用法如下: int getsocko...

1906
来自专栏流柯技术学院

Monkey测试3——Monkey测试结果分析

Monkey测试结果分析 一. 初步分析方法: Monkey测试出现错误后,一般的差错步骤为以下几步: 1、 找到是monkey里面的哪个地方出错 2、...

3301
来自专栏along的开发之旅

创建Ripple山寨币

replace “masterpassphrase” with what you like.

1211
来自专栏闵开慧

jquery中hide、show、slideUp、slideDown、animate应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf...

3214
来自专栏Seebug漏洞平台

花式窃取NetNTLM哈希的方法

原文:https://osandamalith.com/2017/03/24/places-of-interest-in-stealing-netntlm-ha...

3258
来自专栏cs

万方数据库,文献下载的准备

 ###后来文献下载任务完成了 ,相关的代码,细节,介绍看这篇文章 https://www.jianshu.com/p/134530b46a65

5415
来自专栏bboysoul

如何在metasploit中使用shodan

首先打开metasploit sudo service postgresql start msfconsole

1243
来自专栏Android源码框架分析

Android权限检查API checkSelfPermission失效问题为什么targetSdkVersion < 23 Context 的 checkSelfPermission失效target

6283
来自专栏一个会写诗的程序员的博客

【Mac IDEA Java Web项目Tomcat启动报错】java.net.MalformedURLException: Local host name unknown

java.net.MalformedURLException: Local host name unknown

1213
来自专栏蜉蝣禅修之道

iOS开发之CFHttpMessageRef的那些坑

3396

扫码关注云+社区

领取腾讯云代金券