Javascript生成帶參數(shù)的二維碼示例
更新時(shí)間：2016年10月10日 08:39:28 投稿：daisy
這篇文章主要給大家介紹了Javascript生成帶有參樹(shù)二維碼的方法,實(shí)現(xiàn)的方法還是很簡(jiǎn)單的，有需要的朋友們可以參考借鑒。下面來(lái)一起看看吧。
前言
在最近的項(xiàng)目中有個(gè)需求是要生成帶參的二維碼，考慮過(guò)用JAVA后臺(tái)生成返回前端展示，后面了解到用jquery的qrcode.js插件可以很好現(xiàn)實(shí)，下面話不多說(shuō)，直接上實(shí)現(xiàn)的過(guò)程。
引入js：
require.config({ baseUrl : "/", paths: { jquery:'plugin/jquery/jquery-3.1.0.min', qrcode:'plugin/qrcode/qrcode' } }); require( [ 'jquery', 'qrcode' ], function($){ xxxx.. } )
待渲染的dom:
<div id="qrcodeCanvas"></div>
初始化二維碼：
$('#qrcodeCanvas').qrcode({ text: "http://h5.sztoda.cn/base/login", background: "#CCC",//背景 foreground: "#FFF",//前景 width: 100,//寬 height: 100,//高 });
值得注意的是，“text”如果是鏈接且需要自動(dòng)跳轉(zhuǎn)，只需帶上http://開(kāi)頭即可
效果圖：
好了，以上就是利用Javascript生成帶參數(shù)二維碼的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流。
相關(guān)文章
JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法
本文給大家?guī)?lái)JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法，有string對(duì)象的方法，match() 方法，RegExp對(duì)象的方法，test() 方法，exec() 方法，具體內(nèi)容詳情大家參考下本文2018-05-05
這篇文章主要介紹了檢查表單元素的值是否為空的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
Redux我們可以把它理解成一個(gè)狀態(tài)管理器，可以把狀態(tài)（數(shù)據(jù)）存在Redux中，以便增、刪、改。這篇文章主要介紹了redux.js詳解及基本使用,需要的朋友可以參考下2019-05-05
快捷留言功能，就是您現(xiàn)在看到在右側(cè)浮動(dòng)的那個(gè)小玩意，通過(guò)它可以直接提交留言并推薦，您想在博客里加上這個(gè)功能嗎？2010-04-04
基于HTML5+JS實(shí)現(xiàn)本地圖片裁剪并上傳功能
這篇文章主要為大家詳細(xì)介紹了HTML5本地圖片裁剪并上傳的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript如何刪除所有事件監(jiān)聽(tīng)器
這篇文章主要介紹了javascript 刪除所有事件監(jiān)聽(tīng)器,文中還通過(guò)示例代碼介紹了javaScript刪除對(duì)象屬性總結(jié)方法，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-06-06
JavaScript實(shí)現(xiàn)html轉(zhuǎn)pdf的三種方法詳解
近期項(xiàng)目需要實(shí)現(xiàn)將?html?頁(yè)面轉(zhuǎn)換成?pdf?報(bào)告的需求,經(jīng)過(guò)一番調(diào)研以及結(jié)合過(guò)往經(jīng)驗(yàn),發(fā)現(xiàn)了三種技術(shù)方案,下面我們就來(lái)看看它們的具體實(shí)現(xiàn)步驟吧2024-02-02
這篇文章主要介紹了javascript驗(yàn)證郵件地址和MX記錄的方法,涉及javascript正則驗(yàn)證的相關(guān)技巧,需要的朋友可以參考下2015-06-06
10 種最常見(jiàn)的 Javascript 錯(cuò)誤(頻率最高)
本文是小編給大家收藏的JavaScript 中頻度最高的 10 種錯(cuò)誤，我們會(huì)告訴你什么原因?qū)е铝诉@些錯(cuò)誤，以及如何防止這些錯(cuò)誤發(fā)生。需要的朋友參考下2018-02-02
JavaScript動(dòng)畫(huà)實(shí)例之粒子文本的實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript動(dòng)畫(huà)實(shí)例之粒子文本的實(shí)現(xiàn)方法詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07