提供两种方法，两种都是借助JQ插件生成。
所需文件：https://download.csdn.net/download/qq_25285531/88204985https://download.csdn.net/download/qq_25285531/88204985
方法一：文章来源：https://www.toymoban.com/news/detail-649511.html
<script type="text/javascript" src="/static/index/js/jquery-1.11.3.min.js" ></script>
<script src="/static/index/js/qrcode.js"></script>
<style type='text/css'>
/*二维码大小*/
#qrcode img {
width:90px;
height:90px;
}
</style>
<body>
<div id="qrcode"></div>
</body>
<script type="text/javascript">
$(function(){
var qrcode = new QRCode("qrcode");
// 生成二维码的方法
function makeCode () {
// 二维码地址
var Url = 'www.baidu.com';
qrcode.makeCode(Url);
}
makeCode();
})
</script>方法二：比较简单文章来源地址https://www.toymoban.com/news/detail-649511.html
<script src="/newadmin/js/jquery-1.12.3.min.js"></script>
<script src="/newadmin/js/jquery.qrcode.min.js"></script>
<body>
<div id="qrcode"></div>
</body>
<script type="text/javascript">
// 生成二维码
jQuery('#qrcode').qrcode({
render: "canvas", //也可以替换为table
width: 200,
height: 200,
text: "www.baidu.com"
});
</script>到了这里，关于【前端】JQ生成二维码的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
