二維碼:利用圖形模擬二進(jìn)制0、1的概念,達(dá)到存儲(chǔ)少量數(shù)據(jù)的功能,一般移動(dòng)端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會(huì)自動(dòng)進(jìn)行跳轉(zhuǎn),常見的支付寶、微信掃描登陸就是利用該原理
Jquery二維碼的實(shí)現(xiàn):jquery.qrcode.min.js插件
HTML正文:
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script><input type="button" value="二維碼" id="bt" />: <span id="count"></span><br><div id="code"></div><br>
Javascript操作代碼:
var i=0;$("#bt").click(function() { $("#count").text(++i); $("#code").text(""); //初始化二維碼的位置 jQuery('#code').qrcode({ render : "canvas",//也可以替換為table width : 100, height : 100, text : "http://www.baidu.com" //二維碼內(nèi)置內(nèi)容,如果時(shí)URL形式一般瀏覽器會(huì)自動(dòng)加載 });});效果:

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注