如何网站每个网页自动生成二维码
做好一个网站之后，网站有大量的网页，如何让每个网页都自动生成二唯码呢？其实并不难，使用jQuery和qrcode.min.js插件就可以实现网站每个网页自动生成二维码。
步骤/方法
- 下载 jquery和qrcode.min.js插件，下载地址：点击下载
- 在</head>标签上方引入 jquery和qrcode.min.js插件；
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script> - 在</body>标签上方放上以下的JS代码；
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 150,
height : 150
});
function makeCode () {
var elText = document.getElementById("text");
if (!elText.value) {
alert("Input a text");
elText.focus();
return;
}
qrcode.makeCode(elText.value);
}
makeCode();
$("#text").
on("blur", function () {
makeCode();
}).
on("keydown", function (e) {
if (e.keyCode == 13) {
makeCode();
}
});
</script> - 在网页中需要显示二唯码的位置，放上以下的代码：（代码中的网页可替换成自己的网址或者调用代码）
<input id="text" type="text" value="https://www.xuewangzhan.net/" style="width:80%" /><br />
<div id="qrcode" style="width:150px; height:150px; margin-top:15px;"></div>