通过JS实现生成当前页面的二维码

发表于2015-11-03 15:33:00来源于开源中国社区

次点击[] [] [] [打印] [关闭窗口] [评论]

欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
有时候想把自己的博客分享到微信朋友圈中去,但是整个过程比较繁琐,最方便的方法是用二维码表示当前页面的链接,然后使用微信的扫一扫就可以了。而这个二维码的生成困扰了很多新手,今天我们在这里分享通过JS实现的办法。
 

下面我们开始操作!

 
先引入JS文件,然后在需要出现二维码的地方加上下面代码
 
        <!-- 二维码 -->
        <div id="qrcodeCanvas"></div>
        <script>
            $('#qrcodeCanvas').qrcode({
                text: window.location.href,//二维码代表的字符串(本页面的URL)
                width: 167,//二维码宽度
                height: 167//二维码高度
            });
        </script>
 
完整代码如下:
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>二维码生成</title>
    <!-- 二维码 -->
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
    <script type="text/javascript" src="js/qrcode.js"></script>
</head>
<body>
        <div id="qrcodeCanvas"></div>
        <script>
            $('#qrcodeCanvas').qrcode({
                text: window.location.href,//二维码代表的字符串(本页面的URL)
                width: 167,//二维码宽度
                height: 167//二维码高度
            });
        </script>
</body>
</html>
 
解压密码:www.22ba.com

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606