我正在尝试使用此插件生成二维码:
我的代码是:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input id="text" type="text" value="https://hogangnono.com" style="width:80%" /><br />
<div id="qrcode"></div>
<script type="text/javascript" src="javascripts/qrcode.min.js">
var qrcode = new QRCode("qrcode");
</script>
</body>
</html>
但我得到的只是一个输入字段及其值,并且没有生成二维码。控制台也没有错误,可能是什么问题?
添加
<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
<script type="text/javascript" src="./javascripts/qrcode.min.js"></script>
到 html
<script>
元素可以具有“src”属性或内容,但不能同时具有两者。
当你写下
<script type="text/javascript" src="javascripts/qrcode.min.js">
var qrcode = new QRCode("qrcode");
</script>
您试图both加载qrcode javascript并指定您自己的javascript,这是
<script>
元素不允许的。
相反,在 HTML 文件的 <head>
部分中加载 qrcode javascript(以及
Vinayak 提到的 jquery 参考):
<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/qrcode.min.js"></script>
然后在下面自己的
script
元素中指定您自己的 javascript(就像您拥有的那样,没有“src”标签):
<script>
var qrcode = new QRCode("qrcode");
</script>
这应该对你有用。
而不是写作
var qrcode = new QRCode("qrcode");
写:-
var qrcode = new QRCode(document.getElementById("qrcode"), "*the name of site*");
QRCode 函数的第一个参数是要打印 QRCode 的 div。 由于您没有提及在哪里打印代码,因此您只获得了输入框。希望这有帮助!