javascript 容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
更新時(shí)間:2010年04月13日 21:25:03 作者:
有時(shí)候大家來瀏覽網(wǎng)頁的時(shí)候發(fā)現(xiàn)IE瀏覽器左下角總有個(gè)黃色錯(cuò)誤標(biāo)志,有時(shí)候更是直接彈出錯(cuò)誤無法繼續(xù)瀏覽頁面,這樣對(duì)于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。
國(guó)外銀行頁面就是因?yàn)檫@樣的錯(cuò)誤,導(dǎo)致用戶大量流失不敢用這個(gè)銀行的網(wǎng)上銀行等導(dǎo)致?lián)p失慘重。
所以一個(gè)想要在用戶體驗(yàn)與公司實(shí)力上都是不容出現(xiàn)的錯(cuò)誤,就是不影響使用也不能讓用戶反感,腳本之家一直致力于為大家提高更好的代碼,所以這里我們將會(huì)大家整理一些常用的代碼,使用方法什么,希望大家以后能越來越支持我們,讓我們共同發(fā)展。
第一種:腳本之家自己也在用的
<SCRIPT language=javascript>
<!--
window.onerror=function(){return true;}
// -->
</SCRIPT>
使用方法:把以上代碼加到你出錯(cuò)網(wǎng)頁的head區(qū)域就可以了。
第二種:針對(duì)的是有時(shí)候因?yàn)橐恍┠_本錯(cuò)誤的,導(dǎo)致頁面無法繼續(xù)瀏覽,這個(gè)問題是非常嚴(yán)重的,用戶的大量流失,或根本無法查看你的網(wǎng)站內(nèi)日
這個(gè)不是簡(jiǎn)單的腳本錯(cuò)誤的問題了,主要是代碼作者沒有考慮完善,一定要好好的修改下, 不過如果你真的不會(huì),那就用這樣的代碼吧
try...catch 可以測(cè)試代碼中的錯(cuò)誤。try 部分包含需要運(yùn)行的代碼,而 catch 部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。
語法:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯(cuò)誤
}
注意:try...catch 使用小寫字母。大寫字母會(huì)出錯(cuò)。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示 "Welcome guest!" 這個(gè)消息。不過 message() 函數(shù)中的 alert() 被誤寫為 adddlert()。這時(shí)錯(cuò)誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加 try...catch 語句,這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用 try...catch 語句重新修改了腳本。由于誤寫了 alert(),所以錯(cuò)誤發(fā)生了。不過這一次,catch 部分捕獲到了錯(cuò)誤,并用一段準(zhǔn)備好的代碼來處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實(shí)例 2
下一個(gè)例子會(huì)顯示一個(gè)確認(rèn)框,讓用戶來選擇在發(fā)生錯(cuò)誤時(shí)點(diǎn)擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點(diǎn)擊取消按鈕來回到首頁。如果 confirm 方法的返回值為 false,代碼會(huì)把用戶重定向到其他的頁面。如果 confirm 方法的返回值為 true,那么代碼什么也不會(huì)做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)更多js 容錯(cuò)的處理可以參考下面的兩篇文章:
JavaScript Try...Catch 語句
JavaScript容錯(cuò)例外處理
所以一個(gè)想要在用戶體驗(yàn)與公司實(shí)力上都是不容出現(xiàn)的錯(cuò)誤,就是不影響使用也不能讓用戶反感,腳本之家一直致力于為大家提高更好的代碼,所以這里我們將會(huì)大家整理一些常用的代碼,使用方法什么,希望大家以后能越來越支持我們,讓我們共同發(fā)展。
第一種:腳本之家自己也在用的
復(fù)制代碼 代碼如下:
<SCRIPT language=javascript>
<!--
window.onerror=function(){return true;}
// -->
</SCRIPT>
使用方法:把以上代碼加到你出錯(cuò)網(wǎng)頁的head區(qū)域就可以了。
第二種:針對(duì)的是有時(shí)候因?yàn)橐恍┠_本錯(cuò)誤的,導(dǎo)致頁面無法繼續(xù)瀏覽,這個(gè)問題是非常嚴(yán)重的,用戶的大量流失,或根本無法查看你的網(wǎng)站內(nèi)日
這個(gè)不是簡(jiǎn)單的腳本錯(cuò)誤的問題了,主要是代碼作者沒有考慮完善,一定要好好的修改下, 不過如果你真的不會(huì),那就用這樣的代碼吧
try...catch 可以測(cè)試代碼中的錯(cuò)誤。try 部分包含需要運(yùn)行的代碼,而 catch 部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。
語法:
復(fù)制代碼 代碼如下:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯(cuò)誤
}
注意:try...catch 使用小寫字母。大寫字母會(huì)出錯(cuò)。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示 "Welcome guest!" 這個(gè)消息。不過 message() 函數(shù)中的 alert() 被誤寫為 adddlert()。這時(shí)錯(cuò)誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加 try...catch 語句,這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用 try...catch 語句重新修改了腳本。由于誤寫了 alert(),所以錯(cuò)誤發(fā)生了。不過這一次,catch 部分捕獲到了錯(cuò)誤,并用一段準(zhǔn)備好的代碼來處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實(shí)例 2
下一個(gè)例子會(huì)顯示一個(gè)確認(rèn)框,讓用戶來選擇在發(fā)生錯(cuò)誤時(shí)點(diǎn)擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點(diǎn)擊取消按鈕來回到首頁。如果 confirm 方法的返回值為 false,代碼會(huì)把用戶重定向到其他的頁面。如果 confirm 方法的返回值為 true,那么代碼什么也不會(huì)做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)更多js 容錯(cuò)的處理可以參考下面的兩篇文章:
JavaScript Try...Catch 語句
JavaScript容錯(cuò)例外處理
相關(guān)文章
基于JS如何實(shí)現(xiàn)類似QQ好友頭像hover時(shí)顯示資料卡的效果(推薦)
通過本文給大家介紹鼠標(biāo)經(jīng)過好友列表中的好友頭像時(shí)顯示資料卡的效果,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-06-06基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器
這篇文章主要介紹了基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器,并通過實(shí)例代碼介紹了基于element-ui el-slider實(shí)現(xiàn)滑動(dòng)限位器的方法,需要的朋友可以參考下2024-02-02layui復(fù)選框限制選擇個(gè)數(shù)的方法
今天小編就為大家分享一篇layui復(fù)選框限制選擇個(gè)數(shù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09js事件源window.event.srcElement兼容性寫法(詳解)
下面小編就為大家?guī)硪黄猨s事件源window.event.srcElement兼容性寫法(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11JS實(shí)現(xiàn)的五級(jí)聯(lián)動(dòng)菜單效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的五級(jí)聯(lián)動(dòng)菜單效果,結(jié)合完整實(shí)例形式分析了js多級(jí)聯(lián)動(dòng)菜單的完整實(shí)現(xiàn)步驟,涉及JS數(shù)組遍歷、擴(kuò)展及元素節(jié)點(diǎn)操作相關(guān)技巧,需要的朋友可以參考下2017-02-02