js基于qrcode.js生成二維碼的方法【附demo插件源碼下載】
更新時間：2016年12月28日 11:22:49 作者：yi-sheng
這篇文章主要介紹了js基于qrcode.js生成二維碼的方法,結合實例形式分析了基于qrcode.js文件生成二維碼的具體實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了js基于qrcode.js生成二維碼的方法。分享給大家供大家參考，具體如下：
調用qrcode.js文件代碼：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script src="js/qrcode.js"></script>
<style>
#qrcode{
/*text-align: center;*/
/*display: table-cell;*/
/*width: 96px;*/
/*height: 96px;*/
/*vertical-align:middle;*/
/*position: relative;*/
}
</style>
</head>
<body>
<div id="qrcode">
</div>
<input type="text" id="getval"/> <button id="send">點擊更換驗證碼</button>
<script>
window.onload =function(){
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 96,//設置寬高
height : 96
});
qrcode.makeCode("http://www.fzitv.net");
document.getElementById("send").onclick =function(){
qrcode.makeCode(document.getElementById("getval").value);
}
}
</script>
</body>
</html>
其中 調用方法：
var qrcode = new QRCode(elem, {
width : 96,//設置寬高
height : 96
});
qrcode.makeCode("http://www.fzitv.net");
附：
qrcode.js可點擊此處本站下載。
這里再提供jquery.qrcode.min.js本站下載地址。
PS：這里再為大家推薦兩款二維碼在線生成工具，免費供大家使用：
二維碼在線生成工具(基礎版)：
http://tools.jb51.net/transcoding/qrcode
在線生成二維碼工具(加強版)：
http://tools.jb51.net/transcoding/jb51qrcode
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript圖片操作技巧大全》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
函數(shù)是PHP如此強大的源泉，但是很多PHP函數(shù)并沒有得到充分的利用。這里，我們給大家簡單介紹10個不常見，但非常有用的函數(shù)。2015-10-10
PHP中利用substr_replace將指定兩位置之間的字符替換為*號
PHP的substr_replace將指定兩位置之間的字符替換為*號的代碼，需要的朋友可以參考下。2011-01-01
PHP基于關聯(lián)數(shù)組20行代碼搞定約瑟夫問題示例
這篇文章主要介紹了PHP基于關聯(lián)數(shù)組20行代碼搞定約瑟夫問題,結合具體實例分析了php使用關聯(lián)數(shù)組解決約瑟夫問題的相關操作技巧,需要的朋友可以參考下2017-11-11
使PHP自定義函數(shù)返回多個值...2006-11-11
這篇文章主要介紹了PHP實現(xiàn)的簡單四則運算計算器功能,結合實例形式分析了PHP基于堆棧實現(xiàn)的表達式運算功能,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了PHP檢測用戶語言的方法,涉及針對php預定義服務器變量$_SERVER['HTTP_ACCEPT_LANGUAGE']的判定與使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了php mysqli查詢語句返回值類型,結合實例形式分析了php+mysqli常用的查詢、插入語句的使用與返回值類型,需要的朋友可以參考下2016-06-06
phpStudy在運行PHP文件時出現(xiàn)中文亂碼的有效解決方法
在使用phpStudy進行PHP開發(fā)時,經(jīng)常會遇到中文顯示亂碼的問題,這不僅影響開發(fā)效率,還可能導致網(wǎng)站顯示異常,本文將詳細介紹解決phpStudy中文亂碼的有效方法,需要的朋友可以參考下2024-10-10
本篇文章是對PHP中的CURL用法進行了詳細的分析介紹，需要的朋友參考下2013-06-06
解決laravel 出現(xiàn)ajax請求419(unknown status)的問題
今天小編就為大家分享一篇解決laravel 出現(xiàn)ajax請求419(unknown status)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09