JavaScript的錯誤處理之onerror事件的使用方法

 

JavaScript對於我來說一直是個很高深莫測的東西，尤其是在錯誤處理這方面。Firefox出來之前編寫JavaScript真的很頭痛，程式運行不了害我不得不認真檢查程式，反覆的使用Alert驗證每一段代碼是否運行正常，費時也費力。也許很多人笑我為什麼不用一些調試軟體或是外掛程式呢？原因很簡單：因為我當時不知道。現在知道了也很少用了，因為有了Firefox!

這幾天無意之中發現了JavaScript一個錯誤處理的事件，順便研究了一下它的使用方法，猛然發現真的比alert要效率的多呀。

onerror事件：當程式出現錯誤時，error事件會在window對象上觸發。執行個體一：onerror的簡單應用

onerror事件執行個體一Code

onerror事件執行個體一
<script type="text/javascript">    
window.onerror = function() {    
    alert("真不幸，又出錯了");    
}    
   
phplamp();    
</script>   

運行執行個體一：會彈出“真不幸，又出錯了”。因為：phplamp()函數並未在程式中並不存在。

注意：onerror事件必需在此文檔其它Javascript程式前！

執行個體二：使用onerror事件的參數確定錯誤的詳細資料。onerror事件有三個參數，第一個：錯誤的描述資訊；第二個：錯誤出現的檔案URL地址；第三個：錯誤所在的行號。

Code
onerror事件執行個體二
<script type="text/javascript">    
window.onerror = function(msg, url, line) {    
    alert(    
    "真不幸，又出錯了\n"   
    + "\n錯誤資訊：" + msg    
    + "\n所在檔案：" + url    
    + "\n錯誤行號：" + line    
    );    
}    
   
phplamp();    
</script>   

運行執行個體二即彈出了錯誤的詳細資料。 

註：此調試方法試用於IE,Firefox。Opera,chrome測試未通過。Safari未測試。

 

我們一般通過函數名傳遞的方式（引用的方式）將要執行的操作函數傳遞給onerror事件，如window.onerror=reportError;window.onerror=function(){alert('error')}，但我們可能不知道該事件觸發時還帶有三個預設的參數，他們分別是錯誤資訊，錯誤頁面的url和錯誤行號。

 

Code
<script type="text/javascript">   
    window.onerror=testError;   
    function testError(){   
    arglen=arguments.length;   
    var errorMsg="參數個數："+arglen+"個";   
    for(var i=0;i<arglen;i++){   
    errorMsg+="\n參數"+(i+1)+"："+arguments[i];   
}   
    alert(errorMsg);   
    window.onerror=null;   
    return true;   
}   
function test(){   
    error   
}   
test()   
</script> 

首先將testError方法綁定給onerror事件，然後在test方法裡觸發一個錯誤，在IE中執行時我們發現如下提示：
---------------------------
Microsoft Internet Explorer
---------------------------
參數個數：3個
參數1：'error' 未定義
參數2：file://E:\yanwei\test\testError.html
參數3：14
---------------------------
確定
---------------------------
可以發現，當出錯時函數testError捕獲到了三個參數。通過將函數綁定到onerror事件就可以在頁面出錯時捕獲以上三個參數。
在測試中還發現以下一些問題：
1、通過在函數末尾加上return true，可以在函數出錯時不會彈出系統的錯誤資訊(IE)。
2、如果頁面出現多次錯誤，只捕獲第一次錯誤並進行處理然後終止後面程式的執行。

3、onerror在IE和FF等瀏覽器執行方式是一樣的，而且都包含這三個參數。