网页生成qrcode二维码,及二维码信息加载

最新推荐文章于 2024-11-05 11:34:25 发布

转载最新推荐文章于 2024-11-05 11:34:25 发布 · 1.7k 阅读

文章标签：

#二维码生成 #二维码信息加载 #js #html #二维码

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

本文详细介绍了如何在手机网页中生成二维码，包括设置容器、引入JS库、配置参数及实现跳转功能。

我们在制作手机网页时.经常需要点击生成二维码,以供别人扫描,以下是代码

<div style="text-align:center;">
       <div><div id="qrcode"></div></div>
        <p style="margin-top:8px; color:#999;">扫一扫上面的二维码图案，查看我的资料</p>
    </div>

可以先设置一个div 用来承装生成的二维码

导入jquery.qrcode.min.js(见资源链接)

然后:

        $("#qrcode").qrcode({
                       render: "table", //table方式
                       width: 246, //宽度
                       height:246, //高度
                       text:"http://219.142.99.55:8000/WeChatHelper/group_tongxunlu_xq.html?userno="+userno//Paht+"/group_tongxunlu_xq.html?userno="+userno//

                        //text对应的是二维码所附带的内容.手机扫描后就将跳转至/219.142.99.55:8000/WeChatHelper/group_tongxunlu_xq.html页面
                       });

                       $("#qrcode table").css("width","100%");//可以设置二维码宽
                       var h =$("#qrcode table").width();
                       $("#qrcode table").css("height",h);//设置二维码高与宽相同

下载js地址:http://download.youkuaiyun.com/detail/yubin2009m/9450417