HTML和JS生成二维码
时间: 2023-11-03 19:06:29 浏览: 37
可以使用第三方库来生成二维码,比如qrcode.js。
首先在HTML文件中引入qrcode.js库:
```html
<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></script>
```
然后在JS文件中创建一个QRCode实例,并将它绑定到一个HTML元素上:
```javascript
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com",
width: 200,
height: 200,
});
```
这里我们将QRCode绑定到一个id为"qrcode"的元素上,设置二维码内容为"https://www.example.com",并设置宽度和高度为200。
最后,在HTML中添加一个空的div元素,用于显示生成的二维码:
```html
<div id="qrcode"></div>
```
完整的代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Generate QR Code</title>
<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></script>
</head>
<body>
<div id="qrcode"></div>
<script>
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com",
width: 200,
height: 200,
});
</script>
</body>
</html>
```
打开浏览器,就可以看到生成的二维码了。