网站每个网页自动生成二维码的代码写法

做好一个网站之后，网站有大量的网页，如何让每个网页都自动生成二唯码呢？其实并不难，使用jQuery和qrcode.min.js插件就可以实现网站每个网页自动生成二维码。

第一步：下载 jquery和qrcode.min.js插件，可私聊献哥领取

第二步：在</head>标签上方引入 jquery和qrcode.min.js插件

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>

第三步：在</body>标签上方放上以下的JS代码

<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
    width : 150,
    height : 150
});

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>

第四步：在网页中需要显示二维码的位置，放上以下的代码：（代码中的网页可替换成自己的网址或者调用代码）

<input id="text" type="text" value="https://youjiang178.com" style="width:80%" /><br />
<div id="qrcode" style="width:150px; height:150px; margin-top:15px;"></div>