零基础建站培训介绍

当前位置:

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

做好一个网站之后,网站有大量的网页,如何让每个网页都自动生成二唯码呢?其实并不难,使用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>
上一课: 下一课:

发表评论

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

相关教程

  • 如何在网页文字后加水平线?在HTML中,定义水平线可以使用水平线标签HR标签来写一个水平线。基本写法:[cce_html]<hr />[/cce_html]并且
  • :before 伪元素在元素之前添加内容:before这个伪元素允许创作人员在元素内容的特别前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用
  • 在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们
  • 1、CSS3设置文字一个阴影在CSS3中使用text-shadow属性来给文字添加阴影效果[cce_html]h1{text-shadow: 5px 5px 5px #FF0000;}[/c
  • 在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧。
  • WP-AutoPost是目前特别好用的WordPress自动采集发布插件,最大的特点是可以采集来自于任意网站的内容并自动发布到你的WordPress站点。不像其他大
  • 做好一个网站之后,网站有大量的网页,如何让每个网页都自动生成二唯码呢?其实并不难,使用jQuery和qrcode.min.js插件就可以实现网站每个网页自动生
  • 我们做网站时,网站底部都会放网站版权时间,表明网站制作从什么时候开始到当前的年份。如果使用固定的数字,当年代变化时就会显示不对应了。解决
  • Dedecms怎么生成和更新手机站网页,可以按照以下的步骤操作:手机版首页更新操作需要修改模板路径,如图所示,修改后,点击更新主页HTML
  • 代码介绍带微信二维码在线客服代码,绿色风格,简洁,清新,默认在线客服显示在页面右边中部位置,点击收缩,可以添加QQ号,微信二维码,客户服务热
  • 特别近有一些学习如何建网站的学员咨询如何在自己的手机网站上实现二维码长按识别的功能,下面讲一下如何在网站上实现二维码长按识别的方法。下面的方