基於JavaScript實現產生名片、連結等二維碼_javascript技巧

廢話不多說，直接貼代碼了，具體內容如下；

<div id = "qrcodeid"></div> //產生的二維碼放在此 div 中<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js（到https://github.com/jeromeetienne/jquery-qrcode 下載 ）<script>function utf16to8(str) { //解決中文亂碼  var out, i, len, c;   out = "";   len = str.length;   for(i = 0; i < len; i++) {   c = str.charCodeAt(i);   if ((c >= 0x0001) && (c <= 0x007F)) {     out += str.charAt(i);   } else if (c > 0x07FF) {     out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));     out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));     out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));   } else {     out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));     out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));   }   }   return out; } </script><script>//此處產生名片二維碼（如要產生普通連結二維碼 則 “text”參數值 直接替換成普通連結即可）var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:職稱 \r\nORG:公司（組織） \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中國山東... \r\nURL:http://leerd.cn \r\nEND:VCARD";the_text = utf16to8(the_text);//alert(the_text);jQuery('#qrcodeid').qrcode({width:140,height:140,render:"canvas", //設定渲染方式 table canvastypeNumber : -1,  //計算模式 correctLevel  : 0,//錯誤修正等級 background   : "#ffffff",//背景顏色 foreground   : "#000000",//前景顏色 text:the_text}); </script>

以上內容就是本文的全部內容，希望大家喜歡。