JavaScript生成当前页面二维码

  • A+
所属分类:前端

二维码很方便,当前页面二维码可以把电脑上的内容转移到手机上。实现方法很多,常用的有开放API,JavaScript,和PHP的qrcode函数。

jQuery的qrcode库

首先用window.location.href获取当前页面地址,然后直接调用函数。头部引用JavaScript文件jquery.jsjquery.qrcode.jsqrcode.js

<!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>
文件下载 资源名称:jQuery QRCode
下载地址
weinxin
独角兽驿站
公众号

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: