js中的二维码生成器

Question

我正在尝试使用此插件生成二维码：

http://davidshimjs.github.io/qrcodejs/

我的代码是：

<!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>

但我得到的只是一个输入字段，里面有它的值，没有生成二维码。控制台中没有错误可能是什么问题？

Answer 1

而不是写作

var qrcode = new QRCode("qrcode");

写：-

var qrcode = new QRCode(document.getElementById("qrcode"), "*the name of site*");

QRCode 函数的第一个参数是 div 您希望打印 QRCode 的位置。由于您没有提到在哪里打印代码，因此您只会得到输入框。希望这对您有所帮助！

Answer 2

添加

<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
    <script type="text/javascript" src="./javascripts/qrcode.min.js"></script>

到html

Answer 3

<script> element 可以具有 "src" 属性或内容，但不能同时具有两者。

你写的时候

<script type="text/javascript" src="javascripts/qrcode.min.js">
var qrcode = new QRCode("qrcode");
</script>

您试图同时加载二维码javascript并指定您自己的javascript，<script>元素不允许这样做.

而是在 HTML 文件的 <head> 部分加载二维码 javascript（连同 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>

这应该适合你。

js中的二维码生成器

qr code generator in js

javascript

qr-code