javascript window.onerror事件學習新收獲

2024-05-06 14:18:48

字體：大中小

來源：轉載

供稿：網友

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
首先將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事件并不能捕獲所有的錯誤，只能捕獲函數外或函數內錯誤（？？這個是什么意思，可不是開玩笑呢），如 adasdf;
function test(){
aaaa;

上一篇：javascript 如何生成不重復的隨機數

下一篇：利用ASP發送和接收XML數據的處理方法與代碼