js代码里链接生成二维码

最新推荐文章于 2025-07-08 21:28:07 发布

xiejunna

最新推荐文章于 2025-07-08 21:28:07 发布

阅读量7.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/xiejunna/article/details/82804124

js 专栏收录该内容

31 篇文章

订阅专栏

方法一：用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>