js基于qrcode.js生成二維碼的方法【附demo插件源碼下載】
本文實例講述了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://chabaoo.cn");
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://chabaoo.cn");
附:
qrcode.js可點擊此處本站下載。
這里再提供jquery.qrcode.min.js本站下載地址。
PS:這里再為大家推薦兩款二維碼在線生成工具,免費供大家使用:
二維碼在線生成工具(基礎版):
http://tools.jb51.net/transcoding/qrcode
在線生成二維碼工具(加強版):
http://tools.jb51.net/transcoding/jb51qrcode
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript圖片操作技巧大全》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
PHP中利用substr_replace將指定兩位置之間的字符替換為*號
PHP的substr_replace將指定兩位置之間的字符替換為*號的代碼,需要的朋友可以參考下。2011-01-01
phpStudy在運行PHP文件時出現(xiàn)中文亂碼的有效解決方法
在使用phpStudy進行PHP開發(fā)時,經常會遇到中文顯示亂碼的問題,這不僅影響開發(fā)效率,還可能導致網站顯示異常,本文將詳細介紹解決phpStudy中文亂碼的有效方法,需要的朋友可以參考下2024-10-10
解決laravel 出現(xiàn)ajax請求419(unknown status)的問題
今天小編就為大家分享一篇解決laravel 出現(xiàn)ajax請求419(unknown status)的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

