首頁 > 開發者 > JavaScript
javascript容錯處理代碼(屏蔽js錯誤)，javascriptjs
有時候大家來瀏覽網頁的時候發現IE瀏覽器左下角總有個黃色錯誤標誌，有時候更是直接彈出錯誤無法繼續瀏覽頁面，這樣對於網站的正規性與權威性發展不利。
國外銀行頁面就是因為這樣的錯誤，導致使用者大量流失不敢用這個銀行的網上銀行等導致損失慘重。
所以一個想要在使用者體驗與公司實力上都是不容出現的錯誤，就是不影響使用也不能讓使用者反感，幫客之家一直致力於為大家提高更好的代碼，所以這裡我們將會大家整理一些常用的代碼，使用方法什麼，希望大家以後能越來越支援我們，讓我們共同發展。
第一種：幫客之家在用的
<SCRIPT language=javascript> <!-- window.onerror=function(){return true;} // --> </SCRIPT>
使用方法：把以上代碼加到你出錯網頁的head地區就可以了。
第二種：針對的是有時候因為一些指令碼錯誤的，導致頁面無法繼續瀏覽，這個問題是非常嚴重的，使用者的大量流失，或根本無法查看你的網站內日
這個不是簡單的指令碼錯誤的問題了，主要是代碼作者沒有考慮完善，一定要好好的修改下， 不過如果你真的不會，那就用這樣的代碼吧
try...catch 可以測試代碼中的錯誤。try 部分包含需要啟動並執行代碼，而 catch 部分包含錯誤發生時啟動並執行代碼。
文法：
複製代碼 代碼如下:
try { //在此運行代碼 } catch(err) { //在此處理錯誤 }
注意：try...catch 使用小寫字母。大寫字母會出錯。
執行個體 1
下面的例子原本用在使用者點擊按鈕時顯示 "Welcome guest!" 這個訊息。不過 message() 函數中的 alert() 被誤寫為 adddlert()。這時錯誤發生了：
<html> <head> <script type="text/javascript"> function message() { adddlert("Welcome guest!") } </script> </head> <body> <input type="button" value="View message" onclick="message()" /> </body> </html>
我們可以添加 try...catch 語句，這樣當錯誤發生時可以採取更適當的措施。
下面的例子用 try...catch 語句重新修改了指令碼。由於誤寫了 alert()，所以錯誤發生了。不過這一次，catch 部分捕獲到了錯誤，並用一段準備好的代碼來處理這個錯誤。這段代碼會顯示一個自訂的出錯資訊來告知使用者所發生的事情。
<html> <head> <script type="text/javascript"> var txt="" function message() { try { adddlert("Welcome guest!") } catch(err) { txt="此頁面存在一個錯誤。\n\n" txt+="錯誤描述: " + err.description + "\n\n" txt+="點擊OK繼續。\n\n" alert(txt) } } </script> </head> <body> <input type="button" value="View message" onclick="message()" /> </body> </html>
執行個體 2
下一個例子會顯示一個確認框，讓使用者來選擇在發生錯誤時點擊確定按鈕來繼續瀏覽網頁，還是點擊取消按鈕來回到首頁。如果 confirm 方法的傳回值為 false，代碼會把使用者重新導向到其他的頁面。如果 confirm 方法的傳回值為 true，那麼代碼什麼也不會做。
<html> <head> <script type="text/javascript"> var txt="" function message() { try { adddlert("Welcome guest!") } catch(err) { txt="There was an error on this page.\n\n" txt+="Click OK to continue viewing this page,\n" txt+="or Cancel to return to the home page.\n\n" if(!confirm(txt)) { document.location.href="http://www.w3school.com.cn/" } } } </script> </head> <body> <input type="button" value="View message" onclick="message()" /> </body> </html>
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的協助，同時也希望多多支援幫客之家！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
