jQuery插件jquery-barcode实现条码打印的方法


Posted in Javascript onNovember 25, 2015

本文实例讲述了jQuery插件jquery-barcode实现条码打印的方法。分享给大家供大家参考,具体如下:

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

使用示例:

<!doctype html>
<html>
 <head>
  <title>jQuery Barcode</title>
  <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="jquery-barcode.js"></script>
  <style type="text/css">
  .barcodeImg{margin:10px 0px}
  </style>
 </head>
 <body>
  <div style="margin:10px"> 
   <input id="src" value="11225921991"></input><br/>    
   <input type="button" onclick='code11()' value="code11">  
   <input type="button" onclick='code39()' value="code39"> 
   <input type="button" onclick='code93()' value="code93">
   <input type="button" onclick='code128()' value="code128">
   <input type="button" onclick='ean8()' value="ean8">   
   <input type="button" onclick='ean13()' value="ean13">
   <input type="button" onclick='ean13()' value="std25">
   <input type="button" onclick='int25()' value="int25">
   <input type="button" onclick='msi()' value="msi">
   <input type="button" onclick='datamatrix()' value="datamatrix">
   <div id="bcTarget" class="barcodeImg"></div>   
  </div>
  <script type="text/javascript">
  function code11(){
   $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code39(){
   $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code93(){
   $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code128(){
   $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
  }
  function ean8(){
   $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
  }
  function ean13(){
   $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
  }
  function std25(){
   $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
  }
  function int25(){
   $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
  }
  function msi(){
   $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
  }
  function datamatrix(){
   $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
  }
  </script>
 </body>
</html>

运行效果截图如下:

jQuery插件jquery-barcode实现条码打印的方法

完整实例代码代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
js实现简易计算器小功能
Nov 18 Javascript
JavaScript编写简单的计算器
Nov 25 #Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 #Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
Nov 25 #Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 #Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 #Javascript
jquery+css实现动感的图片切换效果
Nov 25 #Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 #Javascript
You might like
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python批量修改文件后缀示例代码分享
2013/12/24 Python
Python定时执行之Timer用法示例
2015/05/27 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python实现简单日期工具类
2019/04/24 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
python_mask_array的用法
2020/02/18 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
英国电信商店:BT Shop
2019/12/17 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
事业单位公务员的职业生涯规划
2014/01/15 职场文书
挂科检讨书范文
2014/02/20 职场文书
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
新年主持词
2014/03/27 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
2015年爱国卫生工作总结
2015/04/22 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python