js生成二维码

最新推荐文章于 2024-09-06 18:37:09 发布

二萌偏

最新推荐文章于 2024-09-06 18:37:09 发布

阅读量168

点赞数

分类专栏： JavaScript qrcode 文章标签： JavaScript qrcode

本文链接：https://blog.csdn.net/weixin_39735923/article/details/82526901

版权

JavaScript 同时被 2 个专栏收录

8 篇文章 2 订阅

订阅专栏

qrcode

1 篇文章 0 订阅

订阅专栏

下载qrcode的js插件

https://download.csdn.net/download/weixin_39735923/10653281

引入js

<script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>
<script src="../plugins/jquery.qrcode.min.js"></script>

javascript代码：

    function getQrCode() {
        $("#ctl02_ContentPlaceHolder1_imgQrcode").qrcode({
            width: 100, //宽度
            height: 100, //高度
            text: "I love you."    //任意内容
        })
    }

html代码：

<div id="ctl02_ContentPlaceHolder1_imgQrcode">
</div>

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生成二维码</title>
</head>
<body>

<div id="ctl02_ContentPlaceHolder1_imgQrcode">
</div>

<script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>
<script src="../plugins/jquery.qrcode.min.js"></script>
<script>
    $(function () {
        getQrCode();
    })
    function getQrCode() {
        $("#ctl02_ContentPlaceHolder1_imgQrcode").qrcode({
            width: 100, //宽度
            height: 100, //高度
            text: "I love you."    //任意内容
        })
    }
</script>

</body>
</html>