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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JQuery替换DOM节点的方法
Jun 11 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
jQuery 弹出层插件(推荐)
May 24 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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
PHP的pcntl多进程用法实例
2015/03/19 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
[00:11]战神迅矛
2019/03/06 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
wxPython实现文本框基础组件
2019/11/18 Python
python flask搭建web应用教程
2019/11/19 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
《灰椋鸟》教学反思
2014/04/27 职场文书
董事长助理工作职责
2014/06/08 职场文书
六查六看六改心得体会
2014/10/14 职场文书
圣诞节开幕词
2015/01/29 职场文书
小学教师自我评价
2015/03/04 职场文书
2015年加油站工作总结
2015/05/13 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
导游词之西递宏村
2019/12/10 职场文书
Oracle用户管理及赋权
2022/04/24 Oracle