這似乎應該是基本的，但我無法弄清楚為什么會這樣。我在嘗試在 html 中使用 javascript 函式時遇到未捕獲的參考錯誤。
我使用我創建的 randomQuote 函式創建了一個將生成新報價的按鈕（背景關系中的代碼筆：https : //codepen.io/cpmcclure/pen/MWvKaVp ）：
注意：我不知道如何將 jquery 添加到這個例子中，但它包含在 codepen 中
// create array for quotes
let quoteList = [];
// retrieve quotes and assign them to quoteList array
const settings = {
"async": false,
"crossDomain": true,
"url": "https://type.fit/api/quotes",
"method": "GET"
}
$.ajax(settings).done(function (response) {
const data = JSON.parse(response);
quoteList = data;
});
// create display quote variable
let displayQuote = {};
// function to assign random quote to displayQuote on a click event
function randomQuote() {
displayQuote = quoteList[Math.round(Math.random() * 1643)];
}<button id="new-quote" onclick="randomQuote()">New Quote</button>我看過其他使用相同語法訪問 html 中的 js 函式的筆，知道我做錯了什么嗎？
我知道我正確地獲取了引號，如果我在 JavaScript 中呼叫 randomQuote，它會做它應該做的事情，似乎我在讓 html 和 js 進行通信時遇到了問題。
uj5u.com熱心網友回復：
這可能是因為您將 jquery 用于 ajax 并且您尚未在代碼中添加該庫。
{
"message": "Uncaught ReferenceError: $ is not defined",
"filename": "https://stacksnippets.net/js",
"lineno": 23,
"colno": 1
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/319129.html
標籤：javascript html 参考错误
上一篇：基于復選框動態顯示和隱藏Div的Javascript函式
下一篇：無法在網頁上進行可折疊的作業