javascript window.onerror事件學習新收穫

來源:互聯網
上載者:User

在捕獲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等事件一樣,但它是有參數。我們可以這樣測試。 <script type="text/javascript"> window.onerror=testError; function testError(){ arglen=arguments.length; var errorMsg="參數個數:"+arglen+"個"; for(var i=0;i
[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;
}
可以捕獲到adasdf未定義的錯誤
function test(){
aaaa;
}
可以捕獲到aaaa未定義的錯誤,而對於functiona test(){}或function test()dd{} 的錯誤卻不能捕獲而會直接彈出系統錯誤資訊。
4、onerror在IE和FF等瀏覽器執行方式是一樣的,而且都包含這三個參數。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.