【兼容IE8】url转换为二维码

最新推荐文章于 2023-04-21 11:05:25 发布

前端小八哥

最新推荐文章于 2023-04-21 11:05:25 发布

阅读量1.3k

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/GUANTINA/article/details/79753307

版权

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

将URL转化为二维码 QRCode.js

ie9+ canvas；

ie8 table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <title>Javascript 二维码生成库：QRCode</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>
<body>
<input id="text" type="text" value="http://live.sohu.com" style="width:80%" /><br />
<div id="qrcode" style="width:200px; height:200px; margin-top:15px;"></div>

<script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width : 200,
        height : 200
    });

    function makeCode () {
        var elText = document.getElementById("text");

        if (!elText.value) {
            alert("Input a text");
            elText.focus();
            return;
        }

        qrcode.makeCode(elText.value);
    }

    makeCode();
</script>
</body>
</html>

参考地址：http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

前端小八哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【兼容IE8】url转换为二维码

将URL转化为二维码 QRCode.js ie9+ canvas；ie8 table&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w...
复制链接

扫一扫