在捕獲js錯(cuò)誤時(shí)，我們通常使用try{}catch(e){}的方式，然后通過(guò)e.errorMessage等方式獲取錯(cuò)誤信息然后報(bào)告錯(cuò)誤。但對(duì)于onerror事件可能很少問(wèn)津，我們是否思考過(guò)如何報(bào)告錯(cuò)誤所在的行號(hào)？如果想過(guò)這個(gè)是否也被這個(gè)問(wèn)題所困擾過(guò)，是否認(rèn)為在js里不可能捕獲錯(cuò)誤的行號(hào)呢?其實(shí)本人就遇到上述的幾個(gè)問(wèn)題，今日讀某人寫(xiě)的一段js代碼頓然發(fā)現(xiàn)了onerror事件，要說(shuō)onerror這個(gè)時(shí)間也是n久以前就知道了，但對(duì)于其所帶有的三個(gè)參數(shù)和其特殊性質(zhì)卻一直沒(méi)有去了解過(guò)。經(jīng)過(guò)自己的研究測(cè)試，對(duì)onerror事件有了一些新的認(rèn)識(shí)和了解。在頁(yè)面沒(méi)有錯(cuò)誤時(shí)，window.onerror事件是不存在的，也就是null（廢話！沒(méi)出錯(cuò)如果onerror出現(xiàn)還正常嗎？）我們一般通過(guò)函數(shù)名傳遞的方式（引用的方式）將要執(zhí)行的操作函數(shù)傳遞給onerror事件，如window.onerror=reportError;window.onerror=function(){alert('error')}，但我們可能不知道該事件觸發(fā)時(shí)還帶有三個(gè)默認(rèn)的參數(shù)，他們分別是錯(cuò)誤信息，錯(cuò)誤頁(yè)面的url和錯(cuò)誤行號(hào)。要知道這個(gè)可是事件，就如onclick和onmouseover等事件一樣，但它是有參數(shù)。我們可以這樣測(cè)試。 

首先將testError方法綁定給onerror事件，然后在test方法里觸發(fā)一個(gè)錯(cuò)誤，在IE中執(zhí)行時(shí)我們發(fā)現(xiàn)如下提示： 
--------------------------- 
Microsoft Internet Explorer 
--------------------------- 
參數(shù)個(gè)數(shù)：3個(gè) 
參數(shù)1：'error' 未定義 
參數(shù)2：file://E:\yanwei\test\testError.html 
參數(shù)3：14 
--------------------------- 
確定 
---------------------------
       可以發(fā)現(xiàn)，當(dāng)出錯(cuò)時(shí)函數(shù)testError捕獲到了三個(gè)參數(shù)。通過(guò)將函數(shù)綁定到onerror事件就可以在頁(yè)面出錯(cuò)時(shí)捕獲以上三個(gè)參數(shù)。 

在測(cè)試中還發(fā)現(xiàn)以下一些問(wèn)題： 
1、通過(guò)在函數(shù)末尾加上return true，可以在函數(shù)出錯(cuò)時(shí)不會(huì)彈出系統(tǒng)的錯(cuò)誤信息(IE)。 
2、如果頁(yè)面出現(xiàn)多次錯(cuò)誤，只捕獲第一次錯(cuò)誤并進(jìn)行處理然后終止后面程序的執(zhí)行。 
3、onerror事件并不能捕獲所有的錯(cuò)誤，只能捕獲函數(shù)外或函數(shù)內(nèi)錯(cuò)誤（？？這個(gè)是什么意思，可不是開(kāi)玩笑呢），如 adasdf; 
function test(){ 
     aaaa; 
} 
可以捕獲到adasdf未定義的錯(cuò)誤 
function test(){ 
       aaaa; 
} 
可以捕獲到aaaa未定義的錯(cuò)誤，而對(duì)于functiona test(){}或function test()dd{} 的錯(cuò)誤卻不能捕獲而會(huì)直接彈出系統(tǒng)錯(cuò)誤信息。 
4、onerror在IE和FF等瀏覽器執(zhí)行方式是一樣的，而且都包含這三個(gè)參數(shù)。

最新評(píng)論