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等瀏覽器執行方式是一樣的,而且都包含這三個參數。