引入jquery和JsBarcode.all.js(注意:引入JsBarcode.js无效)

github地址:https://github.com/lindell/JsBarcode

代码:

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0,viewport-fit=cover" /> 
  <title>生成条形码</title> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
  <script type="text/javascript" src="js/JsBarcode.all.js"></script> 
 </head> 
 <body> 
  <script>  
        window.onload = function bcode(){

var str="",

options = {

format:"CODE128",

displayValue:true,

fontSize:18,

height:100

};

str = ${parameter} ;   //parameter是调用功能时带的参数,不带参调用可在初始化时赋值。

JsBarcode("#barcode",str,options);  //生成barcode

}

//生成canvascode和imgcode

$("#canvascode").JsBarcode('Hello world!');//or JsBarcode("#canvascode", "Hello world!");  
  
        $("#imgcode").JsBarcode("aaa");//or JsBarcode("#imgcode", "aaa");  
  </script>

<div style="text-align:center" ><img id="barcode" /></div>
 </body>
</html>

响应方式:1.window.onload

2.onclick

3.直接响应

使用JsBarcode生成条形码相关推荐

  1. html如何生成条形码,前端如何生成条形码---JsBarcode

    React 生成条形码代码 注:需引入 jsbarcode 插件 import React from 'react'; import JsBarcode from 'jsbarcode'; class ...

  2. JS生成条形码/二维码 barcode.js、JsBarcode

    JS生成条形码/二维码 barcode.JsBarcode JsBarcode Barcode.js 以下代码均非纯原创.新手小白.网上一搜一大把的概念也不写了,直接上可运行的代码及遇到的小坑. Js ...

  3. vue 项目中生成条形码(jsbarcode)

    条形码插件介绍和使用 安装: cnpm install jsbarcode --save 引入:在要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode' 3.二 ...

  4. vue中生成条形码(jsbarcode)、二维码(qrcodejs2)

    1.条形码插件jsbarcode 安装:npm install jsbarcode --save 引入:在需要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode ...

  5. 使用js生成条形码以及二维码

    一.用js生成条形码这种业务场景不是很常见的,最近刚好又接到这种需求 Google一下,发现github还真有这方面的轮子,感谢github,省去了我们很多造轮子的过程, 好了言归正传,首先引入jsb ...

  6. vue生成条形码和二维码并打印

    文章目录 前言 一.生成条形码 二.生成二维码 三.效果图 四.打印 前言 最近有一个需求,需要将产品信息生成标签,每个信息生成一个条形码,拿到所有数据生成二维码,最后打印标签. 一.生成条形码 使用 ...

  7. angular如何生成条形码下载条形码

    多条下载打包zip参考(26条消息) 如何生成下载条形码,下载多条打包(angular)_会写编程的恐龙的博客-CSDN博客 1.下载jsBarcode.js文件 https://github.com ...

  8. js 生成条形码例子

    下载生成条形码的js,我下载的是JsBarcode.all.min.js,地址为GitHub - lindell/JsBarcode: Barcode generation library writt ...

  9. 前端js html转换成pdf可下载打印;前端js可批量生成条形码;前端js可批量生成二维码,生成letter标签

    注意:本文调试的是letter纸尺寸 前端js html转换成pdf可下载打印  html2canvas  + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...

最新文章

  1. pythonbyte连接_Python3之字节串bytes与字节数组bytearray的使用详解
  2. css 填坑常用代码分享
  3. css 动态rem_【面试题】CSS知识点整理(附答案)
  4. python官网 中文版 新闻-用python看新闻
  5. 学python需要什么文化基础-中国文化走的是()的路线。
  6. java 中组合与复用_Java 代码复用(组合与继承)
  7. 《编写高质量代码:改善c程序代码的125个建议》——建议14-2:在右移中合理地选择0或符号位来填充空出的位...
  8. 前端学习(1931)vue之电商管理系统电商系统之美化一层循环的UI结构删除业务逻辑实现分配权限的对话框实现
  9. 微服务架构设计模式~交互方式
  10. linux安装交叉编译环境
  11. LVS——DR模式下的健康检查
  12. [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
  13. 第六章:fusionChart的例子
  14. 存储过程可重用的代码块_如何使您的代码可重用
  15. 批量梯度下降,随机梯度下降和小批量梯度下降的区别
  16. js后退一直停留在当前页面或者禁止后退
  17. 华为终端云服务赋能“智能座舱”,打造出行场景的“超级终端”
  18. 曲线积分与曲面积分的计算机应用,曲线积分与曲面积分(解题方法归纳).doc
  19. 门禁系统使用计算机的技术,门禁系统的指纹识别功能所运用的计算机技术是( )...
  20. 你的个税APP还好么?从个税APP看并发

热门文章

  1. mac下如何运行sh文件
  2. 计算机组成原理(二) 计算机算术
  3. php 微信服务号登录授权
  4. Gaea学习--Gaea是什么?
  5. Linux ARM平台开发系列讲解(入门篇) 1.1.3 开发板、Ubuntu和windows三者相互连接,无需路由器,全网最详细
  6. Oracle建立表空间和用户
  7. 前端面试题(四) -- JS
  8. 2022 推荐系统算法 最全面面试题汇总
  9. python学习(4)
  10. rtsp_client 拉取海康摄像头的视频流