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