最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于JavaScript實現(xiàn)生成名片、鏈接等二維碼

 更新時間:2015年09月20日 10:18:04   投稿:mrr  
本文使用javascript技術(shù)實現(xiàn)生成名片、鏈接等二維碼的代碼,代碼簡單易懂并附有注釋,需要的朋友可以參考下本文

廢話不多說,直接貼代碼了,具體內(nèi)容如下;

<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”參數(shù)值 直接替換成普通鏈接即可)
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", //設(shè)置渲染方式 table canvas
typeNumber : -1,  //計算模式 
correctLevel  : 0,//糾錯等級 
background   : "#ffffff",//背景顏色 
foreground   : "#000000",//前景顏色 
text:the_text
}); 
</script>

以上內(nèi)容就是本文的全部內(nèi)容,希望大家喜歡。

相關(guān)文章

  • JS實現(xiàn)單張或多張圖片持續(xù)無縫滾動的示例代碼

    JS實現(xiàn)單張或多張圖片持續(xù)無縫滾動的示例代碼

    這篇文章主要介紹了JS實現(xiàn)單張或多張圖片持續(xù)無縫滾動效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-05-05
  • 原生JavaScript實現(xiàn)購物車

    原生JavaScript實現(xiàn)購物車

    這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)購物車,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • 使用js獲取偽元素的content實例

    使用js獲取偽元素的content實例

    下面小編就為大家?guī)硪黄褂胘s獲取偽元素的content實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • 使弱類型的語言JavaScript變強勢

    使弱類型的語言JavaScript變強勢

    Javascript (ECMA Script)是一種弱類型的語言.這并不意味著它沒有數(shù)據(jù)類型,只是變量或者Javascript對象屬性不需要一個特定類型的值分配給它或者它始終使用相同的值.Javascript中的變量同樣支持自由類型轉(zhuǎn)換成為適用(或者要求)的內(nèi)容以便于使用.
    2009-06-06
  • javascript 移動鼠標(biāo)得到單元格所在table表中的rowIndex位置[兼容ie,firefox]

    javascript 移動鼠標(biāo)得到單元格所在table表中的rowIndex位置[兼容ie,firefox]

    移動鼠標(biāo),得到單元格所在表中的位置,主要是學(xué)習(xí)使用js的e.srcElement.
    2009-12-12
  • js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境

    js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境

    本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • JavaScript對象的四種創(chuàng)建方法

    JavaScript對象的四種創(chuàng)建方法

    這篇文章主要介紹了JavaScript對象的四種創(chuàng)建方法,首先我們通過確定一個對象的屬性和方法展開主題相關(guān)內(nèi)容,需要的小伙伴可以參考一下
    2022-08-08
  • 鼠標(biāo)放上去則向上向下滾動的代碼

    鼠標(biāo)放上去則向上向下滾動的代碼

    [醬色]鼠標(biāo)放上去則向上向下滾動的代碼...
    2006-11-11
  • js實現(xiàn)飛入星星特效代碼

    js實現(xiàn)飛入星星特效代碼

    這篇文章主要介紹了js實現(xiàn)飛入星星特效代碼,主要通過控制背景與飛入點的樣式,結(jié)合setTimeout函數(shù)即可實現(xiàn)星星飛入的效果,對于學(xué)習(xí)javascript有不錯的參考借鑒價值,需要的朋友可以參考下
    2014-10-10
  • 如何用前端html實現(xiàn)2024煙花效果

    如何用前端html實現(xiàn)2024煙花效果

    這篇文章主要給大家介紹了關(guān)于如何用前端html實現(xiàn)2024煙花效果的相關(guān)資料,文中介紹的是JavaScript代碼定義了煙花碎片和火箭類,通過動畫循環(huán)模擬煙花爆炸效果,需要的朋友可以參考下
    2024-11-11

最新評論

昭苏县| 横山县| 盐津县| 大丰市| 长泰县| 普兰店市| 汉沽区| 洛扎县| 随州市| 乌海市| 诏安县| 同德县| 安塞县| 阜平县| 镇安县| 依安县| 浪卡子县| 栾城县| 驻马店市| 叶城县| 汝阳县| 上虞市| 吐鲁番市| 中超| 元朗区| 营口市| 汉川市| 长春市| 东明县| 武冈市| 甘泉县| 荔浦县| 新河县| 突泉县| 华安县| 涟水县| 泰州市| 扶风县| 南宁市| 九龙坡区| 图木舒克市|