我對此很陌生。我正在嘗試生成一個二維碼并將其顯示在我的 HTMl 頁面中。
我使用了這個代碼：
/* Load the library */
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
/* Basic and simple one */
<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://webisora.com");
</script>
當放入 div 時，這會顯示一個 QR 碼。
現在我嘗試將它放入另一個 rfile 中，所有 javascript 都從中加載（并且已經作業）
所以我只是把它放在這個將在頁面加載時呼叫的函式中：
function LoadQRCode(){
var src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://webisora.com",
width: 128,
height: 128,
colorDark : "#5868bf",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
和 div：
<div class="qrcodecontainer">
<div id="qrcode"></div>
</div>
但不出所料，控制臺指出 . “未捕獲的 ReferenceError：未定義 QRCode”
這是有道理的，因為我不知道如何連接庫的加載和 QRCode 變數的加載。
但同樣，當直接從 HTML 呼叫時，此代碼有效。
我怎樣才能改變我的功能來給我同樣的結果？
謝謝 ：）
uj5u.com熱心網友回復：
您需要加載腳本，如：
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
var src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"，這將為var src賦值；
在 html 中加載腳本。
uj5u.com熱心網友回復：
我認為這是有道理的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" integrity="sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "http://jindo.dev.naver.com/collie",
width: 128,
height: 128,
colorDark : "red",
colorLight : "white",
correctLevel : QRCode.CorrectLevel.H
});
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/338538.html
標籤：javascript
上一篇：Vue如何根據間隔觸發點擊鏈接