JS函數(shù)報錯Uncaught ReferenceError: XX is not defined問題及解決
JS報錯Uncaught ReferenceError: XX is not defined
在js開發(fā)中，很多人遇到類似問題，都找不到解決方法；
Uncaught ReferenceError: XX is not defined
這里主要有解決方法步驟
方法/步驟
1、出現(xiàn)這個錯誤，最可能的是引用的各個js的調用順序有誤，重新調整其引用順序看看能否解決？
原因是引入jquery.js順序不對 jquery.js要放在其它js之前
<script src="__ADMIN__/js/jquery.js" language="JavaScript" type="text/javascript"></script> <script src="__ADMIN__/js/bilibili.js" language="JavaScript" type="text/javascript"></script>
2、還有一個原因就是在你引用js時，路徑出錯，不是你項目中正確的文件路徑
3、還有一個原因是你的js中有某些值是不存在的
4、JS函數(shù)未定義（這種低級的相信大家都不會犯，但是不排除定義的函數(shù)和聲明的函數(shù)名稱不一致的情況，或者傳入?yún)?shù)不一致）
5、將Javascript函數(shù)放在了body和head之外了
在 html 中寫 javascript 函數(shù)的時候，通常有三種形式：
- （1）內部：Html網(wǎng)頁的<body></body>中
- （2）內部：Html網(wǎng)頁的<head></head>中
- （3）外部：外部JS文件里
（1）寫在<body></body>中
當瀏覽器載入網(wǎng)頁Body部分的時候，就執(zhí)行其中的Javascript語句，執(zhí)行之后輸出的內容就顯示在網(wǎng)頁中
<html>
<head>...</head>
<body>
<script type="text/javascript">....</script>
</body>
</html>（2）寫在<head></head>中
當不希望一載入HTML就運行javascript時，而是通過觸發(fā)事件，這使通常將Javascript放在HTML的<head></head>里
<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
...
</body>
</html>6、Javascript函數(shù)定義在對象聲明之前。 你的代碼是直接就能運行的話,要是代碼所操作的對象在代碼后面,有的瀏覽器會返回錯誤.因為它們是按順序加載對象
如以下：錯誤的運用了標簽 defer屬性
<script src="__ADMIN__/js/jquery.js" type="text/javascript" defer="defer"></script>
看官方說明
defer 屬性規(guī)定是否對腳本執(zhí)行進行延遲，直到頁面加載為止。
因為defer屬性 所以想要的效果被延遲了 所以發(fā)生了錯誤
7、除了以上這個具體的錯誤，還可能遇到類似的Uncaught ReferenceError: XXXX is not defined錯誤，這類錯誤就要多檢查傳值錯誤，或者某些值不存在
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
- Uncaught EvalError:Refused to evaluate a string as JavaScript解決
- JS報錯Uncaught?TypeError:?XXX?is?not?a?function的解決方法
- js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)的解決
- javascript函數(shù)報Uncaught?ReferenceError:?XXX?is?not?defined
- JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL錯誤的解決方法
- JS提示：Uncaught SyntaxError:Unexpected token ) 錯誤的解決方法
- JavaScript錯誤處理之分析 Uncaught(in promise) error的原因及解決方案
相關文章
這篇文章主要為大家介紹了json格式判斷函數(shù)速記示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
這篇文章主要為大家詳細介紹了Bootstrap 3多級下拉菜單實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
javascript 彈出窗口中是否顯示地址欄的實現(xiàn)代碼
程序中通過點擊一個“發(fā)貨提醒”鏈接彈出另一個窗口，使用的方法是用javascript 的openUrl()方法。2011-04-04
JS無限極樹形菜單,json格式、數(shù)組格式通用示例
本文為大家介紹下JS無級樹形菜單的實現(xiàn)，修改了一下數(shù)據(jù)格式，是json和數(shù)組或者混合型的數(shù)據(jù)都通用，不用特定key等，想學習的朋友可以參考下2013-07-07
JavaScript實現(xiàn)獲取兩個排序數(shù)組的中位數(shù)算法示例
這篇文章主要介紹了JavaScript實現(xiàn)獲取兩個排序數(shù)組的中位數(shù)算法,涉及javascript數(shù)組遍歷及數(shù)值計算相關操作技巧,需要的朋友可以參考下2019-02-02
這篇文章主要為大家詳細介紹了微信小程序自定義波浪組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
在JavaScript中，函數(shù)的功能十分強大，除了函數(shù)相關的基礎知識外，掌握一些高級函數(shù)并應用起來，不僅能讓JS代碼看起來更為精簡，還可以提升性能，本文是小編總結的一些常用的、重要的函數(shù)2018-01-01
這篇文章主要介紹了常用的JavaScript模板引擎介紹,本文介紹了8款常用JavaScript 模板引擎,著重講解了artTemplate模板引擎,需要的朋友可以參考下2015-02-02
非jQuery實現(xiàn)照片散落桌子上，單擊放大的LightBox效果
本文給大家介紹一款js實現(xiàn)的照片散落桌子上點擊放大圖片的LightBox效果，非常的炫酷，而且是非jQuery實現(xiàn)的，有需要的小伙伴可以參考下2014-11-11
這篇文章主要介紹了前端組件化基礎知識，我們一起來學習前端組件化的知識，組件化在前端架構里面是最重要的部分，了解什么是組件化和一個組件的基本組成部分開始2021-04-04