零基础建站培训介绍

当前位置:

如何网站每个网页自动生成二维码

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

步骤/方法

  1. 下载 jquery和qrcode.min.js插件,下载地址:点击下载
  2. 在</head>标签上方引入 jquery和qrcode.min.js插件;
    
    
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="qrcode.js"></script>
  3. 在</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>
  4. 在网页中需要显示二唯码的位置,放上以下的代码:(代码中的网页可替换成自己的网址或者调用代码)
    
    
    <input id="text" type="text" value="https://www.xuewangzhan.net/" style="width:80%" /><br />
    <div id="qrcode" style="width:150px; height:150px; margin-top:15px;"></div>

相关阅读:

绿色版带微信二维码在线客服代码

如何让手机网站上二维码能够长按识别

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注