您现在的位置是:首页 > Jquery > Jquery生成二维码,以及注意事项网站首页 Jquery

Jquery生成二维码,以及注意事项

简介jQuery是一个快速、简洁的JavaScript框架,其设计的宗旨是倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

以下是二维码生成源码:

记得引入样式:

<script type="text/javascript" src="js/jquery-1.11.1.js" ></script>

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

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

<script type="text/javascript" src="js/utf.js" ></script>

样式文件可以去手册栏目下载!

代码开始:

<div id="qrcodeTable"></div>

 <script>

        jQuery('#qrcodeTable').qrcode({

render    : "table",   //二维码生成方式 

text    : "我是二维码", //二维码内容

width : "200",               //二维码的宽度

        height : "200",

});    

</script>

注意:

如果text里面是链接的话,要把rander:"table"  改成  rander:" canvas"就可以解析了

<script>

    $(function () {

        var id = $(".signid").val();

        jQuery('#qrcodeTable').qrcode({

        render    : "canvas",   //二维码生成方式

        text    : 'http://www.baidu.com/'+'?id='+id, //二维码内容

        width : "200",               //二维码的宽度

        height : "200",

        });

    })

</script>


分享给朋友吧:

微信里点“发现”,扫一下
二维码便可将文本分享至朋友圈

声明:

1,如果您发现本文有错误或者有疑问,请 联系站长 修正或 留言
2,本站提供的知识或者学习方法均为博主学习工作过程中所遇到的问题的解决办法积累!
3,部分文章是引用借鉴其他优秀个人博客的知识,学习如逆水行舟,不进则退!
4,本站推荐的资源均经由站长检测或者个人发布,不包含恶意软件病毒代码等,如果你发现此类问题,请向站长举报!
5,本站仅提供文件的免费下载服务,如果你对代码程序软件的使用有任何疑惑,请留言。
6,本网站在文章内容仅供于学习参考使用,请勿作为商业通途使用,版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系,我们会及时进行处理解决。

上一篇:PHPstrom报错

下一篇:Jquery获取用户ip地址

文章评论

Top