js代码里链接生成二维码

1,104次阅读
没有评论

方法一:用 jquery 的二维码生成 js 库

html 里代码:


<!DOCTYPE html>
<html>
<head>
<!– 引入 jquery,jquery.qrcode–>
<script type=’text/javascript’src=’http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js’></script>
<script type=”text/javascript”src=”http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js”></script>
</head>
<body>
<div id = “qrid”></div>
</body>
<script>
$(function(){
var qrstr = “https://www.xxx.com/xxx/xxx”;
$(‘#qrid’).qrcode(qrstr);// 不指定二维码大写
$(‘#qrid’).qrcode({width: 280,height: 280,text: qrstr});// 指定二维码大小
});
</script>
</html>

方法二:用原生 js 的代码生成器,也需要 js 库
git 下载路径:https://github.com/davidshimjs/qrcodejs
runoob 更详细教程:http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

<!DOCTYPE html>
<html>
<head>
<script type=’text/javascript’src=’http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js’></script>
<script type=”text/javascript”src=”js/qrcode.min.js”></script>
</head>
<body>
<div id = “qrid”></div>
</body>
<script>
$(function(){
var qrstr = “https://www.xxx.com/xxx/xxx”;
new QRCode(document.getElementById(“qrid”), qrstr);
});
</script>
</html>

正文完
 0
飞翔的mouse
版权声明:本站原创文章,由 飞翔的mouse 于2020-04-16发表,共计1000字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。