JQuery 页面生成二维码

一. 引入两个脚本

<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

 

二 .  HTML布局：<div id="code" class="qr" style="display:inline;"></div>

 

三.  script脚本(两种方式)：

1.

$(document).ready(function(){

         $('#code').qrcode("http://www.baidu.com");

})

 

2.

$("#code").qrcode({

              render: "table", //table方式    还有  " canvas " 方式

              width: 100, //宽度

              height:100, //高度

              text: "http://www.cnblogs.com/momozjm/" //任意内容

         });