本文實例講述了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.bkjia.com");
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.bkjia.com");
附：
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程序設計有所幫助。
