JS常見異常處理

1. Uncaught TypeError: xxx is not a function

常見原因分析:

  1. 首先確保這函數(shù)所在的JS內(nèi)容被引入到了頁面
  2. 確保在調(diào)用該函數(shù)時,函數(shù)已經(jīng)被加載了??梢栽囋囋跒g覽器控制臺輸入該方法,看能否正常運(yùn)行
  3. 函數(shù)名不能和頁面中的id名相同。一些瀏覽器可以通過在js代碼中指定ID訪問節(jié)點(diǎn)元素,然后定義的函數(shù)就會被DOM中的元素覆蓋了。
    4.對于使用onclick綁定函數(shù)事件時,必須確保href寫成href="javascript:void(0);"或者h(yuǎn)ref=“javascript:;”

2. Cannot read property 'appendChild' of null

常見原因分析: 一般都是由于獲取的節(jié)點(diǎn)不存在導(dǎo)致的。
比如,我原本是這樣的:

image.png

先加載了JS,導(dǎo)致執(zhí)行document.body.appendChild時報錯:Cannot read property 'appendChild' of null,
然后我改成了這樣,先加載DOM,再執(zhí)行JS,就好了:
image.png

3. main.js:126 Uncaught RangeError: Maximum call stack size exceeded

錯誤信息的中文意思是:最大堆棧超出了最大值。一般出現(xiàn)這種情況是使用了遞歸函數(shù)。比如我在解析json數(shù)據(jù)時,遞歸調(diào)用函數(shù),可參數(shù)還是原來那個,所以這個遞歸是永遠(yuǎn)都不會結(jié)束的。


image.png

image.png

這種情況下檢查下自己的遞歸函數(shù)就行了。

如有問題,煩請批評指正!
未完待續(xù)......

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,818評論 1 45
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,866評論 0 7
  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,696評論 1 11
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,686評論 0 7

友情鏈接更多精彩內(nèi)容