JS生成一维码（条形码)功能示例

本文实例讲述了射流研究…生成一维码（条形码)功能的方法。分享给大家供大家参考，具体如下：

1、js代码：

(function() { if(！exports)var exports=window；var BARS=[212222，222122，222221，121223，121322，131222，122213，122312，132212，221213，221312，231212，112232，122132，122231，113222，123122，123122，123333函数代码128(代码，barcodeType){ if(参数。长度2)barcodeType=code 128 detect(代码)；if(barcodeType==' C '代码。长度% 2==1)代码=' 0 '代码；var a=parseBarcode(代码，barcodeType)；返回bar2html(a.join(" ")"标签“代码”/标签”；}功能栏2 html { for(var pos=0，sb=[]；poss.lengthpos=2){ sb。push(' div class=' bar ' s . charat(pos)' space ' s . charat(pos 1)' '/div ')；}返回某人。join(')；}函数代码128检测(代码){ if(/^[0-9)$/。测试（代码))返回' c '；if (/[a-z]/.测试（代码))返回' b '；返回a '；}函数parsebarcodetype(条形码类型，条形码类型){ var bar=[]；bar。add=function(NR){ var nrCode=BARs[NR]；this.check=this.length==0？NR :这个。检查NR *这个。长度；这个。push(nrCode | |(' UNDEFINED : ' NR '-' nrCode))；};酒吧。添加(START _ BASE条形码类型。charcodeat(0))；for(var I=0；ibarcode . lengthi){ var code=barcodeType==' C '？barcode.substr(i，2):条形码。charcodeat(一)；converted=从类型[barcodeType](代码);if (isNaN(已转换)|| converted0 || converted106)在代码"条形码"中的位置“我”处引发新的错误('无法识别的字符('代码。");bars.add(已转换);} BARs。push(BARs[BARs。check % 103]，BARs[STOP])；返回条；} var fromType={ A:函数(charCode){ if(charCode=0 charCode 32)返回charCode 64if(charCode=32 charCode 96)返回charCode-32；返回charCode}，B:函数(charCode){ if(charCode=32 charCode 128)返回charCode-32；返回charCode}，C:函数(charCode){返回charCode；} };///|导出导出。代码128=代码128；})();/* showDiv:代表需要显示的divID，textVlaue:代表需要生成的值，条形码类型：代表生成类型（甲、乙、丙)三种类型*/函数createBarcode(showDiv，textValue，barcodeType){ var dive元素=document。getelementbyid(ShowDiv)；潜水元素。innerhtml=代码128(textValue，barcodeType)；}2.css代码如下：条形码{ float : leftclear : both padd : 0 10px/*安静区*/overflow : auto；高度：0.5英寸；/*大小*/}。右{右侧浮动： }。条形码* { clear:both}。条形码div { float:left高度： 0.35英寸；/*大小*/}。条形码。bar1 {边框-左侧：1px纯黑；}.条形码。bar2 {边框-左侧：2px纯黑；}.条形码。bar3边框-左侧：3px纯黑；}.条形码。bar4 {边框-左侧：4px纯黑；}.条形码。space0 {右边距-:0 }。条形码。space1 { margin-right:1px } .条形码。space2 { margin-right:2px } .条形码。space3 {右边距右：3px } .条形码。space4 { margin-right:4px } .条形码标签{ clear:both显示：块；文本对齐：居中；字体： 0.125英寸/100% Helvetica；/* size */}/* * * bigger * * * * * * * * * * * * * * * * * * * * * * * * * * * */。条形码2 {左浮动：clear : both padd : 0 10px/*安静区*/overflow : auto；高度：1英寸；/*大小*/}。条形码2 * {清除：两者；} .条形码2 div {左浮动：高度： 0.7英寸；/*大小*/}。条形码2。第1栏{边框-左侧：2像素纯黑；} .条形码2。第2栏{边框-左侧：4像素纯黑；} .条形码2。第3栏{边框-左侧：6像素纯黑；} .条形码2。第4栏{边框-左侧：8像素纯黑；} .条形码2。空格0 {右边距：0 }。条形码2。空格1 {右边距：2 px }。条形码2。空格2 {右边距：6 px }。条形码2。空格3 {右边距：8 px }。条形码2标签{ clear:both显示：块；文本对齐：居中；字体： 0.250英寸/100% Helvetica；/*size*/}3.html代码如下：

html标题标题二维码时钟/标题链接rel='样式表代码128。CSS ' type=' text/CSS ' media=' screen ' charset=' utf-8 '脚本src=' http : Code 128。js ' type=' text/JavaScript ' charset=' utf-8 '/script script type=' text/JavaScript '(function(Divid){ var Divelment，oldOnLoad=window.onload函数gettimestring(){ var pad=function(n){ return n ^ 10？0 ' n . ToString(10):n。ToString(10)；}，dt=新日期();返回[pad(dt.getHours())、pad(dt.getMinutes())、pad(dt.getSeconds())].join(' : ')；}函数UpdateClock(){ var time text=getTimeString()；潜水元素。innerhtml=代码128(TiME text)；}窗口。onload=function(){ dive element=document。getelementbyid(DiVid)；UpdateClock()；setInterval(UpdateClock，1000)；if(oldonLoad的类型==' function ')oldOnLoad。应用(这个，参数)；} })(“div 1”)；/脚本/头体输入类型='按钮'值='生成onclick='createBarcode('div128 '，' 12345678 '，' B ')；'/div class='条形码2 ' id=' div 128 '/div div class='条形码2 ' id=' div 1 '/div/body/html运行效果图如下：

更多关于Java脚本语言相关内容可查看本站专题： 《javascript编码操作技巧总结》 、 《JavaScript加密解密技巧汇总》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。