Javascript生成帶參數(shù)的二維碼示例
更新時(shí)間：2016年10月10日 08:39:28 投稿：daisy
這篇文章主要給大家介紹了Javascript生成帶有參樹二維碼的方法,實(shí)現(xiàn)的方法還是很簡(jiǎn)單的，有需要的朋友們可以參考借鑒。下面來一起看看吧。
前言
在最近的項(xiàng)目中有個(gè)需求是要生成帶參的二維碼，考慮過用JAVA后臺(tái)生成返回前端展示，后面了解到用jquery的qrcode.js插件可以很好現(xiàn)實(shí)，下面話不多說，直接上實(shí)現(xiàn)的過程。
引入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://開頭即可
效果圖：
好了，以上就是利用Javascript生成帶參數(shù)二維碼的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
相關(guān)文章
babel是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)化為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這篇文章主要介紹了babel的使用以及安裝配置,需要的朋友可以參考下2018-02-02
這篇文章主要為大家詳細(xì)介紹了原生JS面向?qū)ο髮?shí)現(xiàn)打字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
高性能WEB開發(fā) flush讓頁(yè)面分塊,逐步呈現(xiàn) flush讓頁(yè)面分塊,逐步呈現(xiàn)
在處理比較耗時(shí)的請(qǐng)求的時(shí)候，我們總希望先讓用戶先看到部分內(nèi)容，讓用戶知道系統(tǒng)正在進(jìn)行處理，而不是無響應(yīng)。2010-06-06
JS.getTextContent(element,preformatted)使用介紹
JS.getTextContent獲取標(biāo)簽的文字想必大家并不陌生吧，下面為大家介紹下具體的使用方法，感興趣的朋友可以參考下2013-09-09
這篇文章主要為大家詳細(xì)介紹了javascript局部自定義鼠標(biāo)右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
localStorage過期時(shí)間設(shè)置的幾種方法
聊到localStorage想必熟悉前端的朋友都不會(huì)陌生，在實(shí)際的應(yīng)用場(chǎng)景中，我們往往需要讓localStorage設(shè)置的某個(gè)key能在指定時(shí)間內(nèi)自動(dòng)失效，所以基于這種場(chǎng)景，我們?nèi)绾稳ソ鉀Q呢，本文就詳細(xì)的介紹一下2021-12-12
DOM是 HTML 和 XML 文檔的編程接口,表現(xiàn)為網(wǎng)頁(yè)結(jié)構(gòu)的樹狀對(duì)象,每個(gè)對(duì)象對(duì)應(yīng)頁(yè)面的一部分,如 HTML 元素,獲取 DOM 元素是交互式網(wǎng)頁(yè)開發(fā)的核心,用于修改內(nèi)容、樣式或行為,本文給大家介紹了JavaScript獲取DOM元素的多種方法,需要的朋友可以參考下2025-03-03
微信小程序基于本地緩存實(shí)現(xiàn)點(diǎn)贊功能的方法
這篇文章主要介紹了微信小程序基于本地緩存實(shí)現(xiàn)點(diǎn)贊功能的方法,涉及微信小程序界面布局、事件響應(yīng)及緩存操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
本文主要介紹了js實(shí)現(xiàn)旋轉(zhuǎn)木馬效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
$$()函數(shù)應(yīng)用實(shí)例...2006-10-10