您的位置：首页 > Web前端 > JavaScript

使用JsBarcode生成条形码

2019-02-12 09:49 603 查看

引入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.直接响应

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航