js 生成二维码

分手后的思念是犯贱 2022-04-08 09:08 373阅读 0赞

## 代码 ##

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
        <head>
        <title>Javascript 二维码生成库：QRCode</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
        <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
        </head>
        <body>
        <input id="text" type="text" value="http://www.runoob.com" style="width:80%" /><br />
        <div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
        
        <script type="text/javascript"> var qrcode = new QRCode(document.getElementById("qrcode"), { width : 100, height : 100 }); function makeCode () { var elText = document.getElementById("text"); if (!elText.value) { alert("Input a text"); elText.focus(); return; } qrcode.makeCode(elText.value); } makeCode(); $("#text"). on("blur", function () { makeCode(); }). on("keydown", function (e) { if (e.keyCode == 13) { makeCode(); } }); </script>
        </body>
        </html>

## 页面 ##

![在这里插入图片描述][20181207151547550.png]

[20181207151547550.png]: /images/20220407/4736ed93429348dea054f6f60c7cec04.png

发表评论取消回复

表情：

评论列表（有 0 条评论，373人围观）

还没有评论，来说两句吧...

相关阅读

相关前端 Js二维码生成

前端 JS二维码生成(亲测有效) 1.页面 <template> <view class='pages'> <view class

落日映苍穹つ/ 2024年03月23日 17:35/ 0 赞/ 92 阅读

相关 JS生成二维码

@{ ViewBag.Title = "Qcode"; } <style> body {

向右看齐/ 2022年12月20日 06:13/ 0 赞/ 298 阅读

相关 js 生成二维码实例

效果图附上： ![这里写图片描述][20160727165456474] 代码附上： qrcode.js /from tccdn minify at 2014-

超、凢脫俗/ 2022年09月24日 06:27/ 0 赞/ 275 阅读

相关 js生成二维码小工具

js完整代码，引用了qrcode.min.js ，jquery.min.js 效果图连接别忘记加上http://哦 ![在这里插入图片描述][watermark_t

「爱情、让人受尽委屈。」/ 2022年09月08日 15:52/ 0 赞/ 155 阅读

相关 JS生成二维码

<html> <head> <title>二维码demo</title> <meta http-equiv="Content-Type" con

灰太狼/ 2022年08月08日 09:13/ 0 赞/ 290 阅读

相关 js生成二维码

首先引入qrcode.js文件(请大家耐心翻到最后)： /\from tccdn minify at 2014-6-4 14:59:43,file��/cn/c/c/qrco

秒速五厘米/ 2022年06月15日 06:59/ 0 赞/ 380 阅读

相关 jquery.qrcode.js 生成二维码

GitHub地址: [https://github.com/jeromeetienne/jquery-qrcode][https_github.com_jeromeetienn

- 日理万妓/ 2022年05月18日 02:28/ 0 赞/ 257 阅读

相关 js 生成二维码

代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

分手后的思念是犯贱/ 2022年04月08日 09:08/ 0 赞/ 374 阅读

相关 QRCode.js：js生成二维码

[http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html][http_www.runoob.com_w3c

柔情只为你懂/ 2022年03月29日 10:53/ 0 赞/ 335 阅读

相关 js生成二维码下载二维码 jquery.qrcode.min.js

HTML部分代码 <script src="query-1.10.2.min.js"></script> <script src="jquery.qrcode

柔光的暖阳◎/ 2021年08月28日 23:40/ 0 赞/ 1110 阅读