js容錯語句,就是js出錯也不提示錯誤(防止瀏覽器右下角有個黃色的三角符號,要不使用者體驗不好)
複製代碼代碼如下:
window.onerror=function(){return true;}
以下是為了取得js異常訊息,方便開發者找回問題
1,try...catch...
複製代碼代碼如下:
<script type="text/javascript">
var txt=""
function message()
{
try
{
adddlert("Welcome guest!")
}
catch(err)
{
txt="本頁存在錯誤。/n/n"
txt+="點選「確定」繼續查看本頁,/n"
txt+="點選「取消」返回首頁。/n/n"
if(!confirm(txt))
{
document.location.href="/index.html"
}
}
}
</script>
2 ,throw
複製代碼代碼如下:
<script type="text/javascript">
var x=prompt("請輸入0 至10 之間的數:","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er)
{
if(er=="Err1")
alert("錯誤!該值太大!")
if(er == "Err2")
alert("錯誤!該值太小!")
if(er == "Err3")
alert("錯誤!該值不是數字!")
}
</script>
3,onerror:
複製代碼代碼如下:
<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="本頁存在錯誤。/n/n"
txt+="錯誤:" + msg + "/n"
txt+="URL: " + url + "/n"
txt+="行:" + l + "/n/n"
txt+="點選「確定」繼續。/n/n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>
js中的異常處理
在JavaScript可以使用try...catch來進行異常處理。例如:
try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);}
目前我們可能得到的系統異常主要包含以下6種:
EvalError: raised when an error occurs executing code in eval()
RangeError: raised when a numeric variable or parameter is outside of its valid range
ReferenceError: raised when de-referencing an invalid reference
SyntaxError: raised when a syntax error occurs while parsing code in eval()
TypeError: raised when a variable or parameter is not a valid type
URIError: raised when encodeURI() or decodeURI() are passed invalid parameters
上面的六種異常物件都繼承自Error物件。他們都支持以下兩種構造方法:
new Error();new Error("異常訊息");
手工拋出異常的方法如下:
複製代碼代碼如下:
try {
throw new Error("Whoops!");}
catch (e) {
alert(e.name + ": " + e.message);}
如要判斷異常訊息的類型,可在catch中進行判斷:
複製代碼代碼如下:
try {
foo.bar();
} catch (e) {
if (e instanceof EvalError) {
alert(e.name + ":" + e.message);
} else if (e instanceof RangeError) {
alert(e.name + ": " + e.message); }
// etc
}
Error具有以下一些主要屬性:
description: 錯誤描述(僅IE可用).
fileName: 出錯的檔案名稱(僅Mozilla可用).
lineNumber: 出錯的行數(僅Mozilla可用).
message: 錯誤訊息(在IE下同description)
name: 錯誤類型.
number: 錯誤代碼(僅IE可用).
stack: 像Java中的Stack Trace一樣的錯誤堆疊資訊(僅Mozilla可用).
因此為了更好的了解錯誤訊息我們可以將catch部分改為如下形式:
複製代碼代碼如下:
try {
foo.bar();
} catch(e) {
if (browserType != BROWSER_IE) {
alert("name: " + e.name + "message: " + e.message + "lineNumber: " + e.lineNumber + "fileName: " + e.fileName + "stack: " + e.stack);
} else {
alert("name: " + e.name + "errorNumber: " + (e.number & 0xFFFF) + "message: " + e.message "); } } "
JavaScript中的throw指令事實上可以拋出任何對象,而且我們可以在catch接受到此對象。例如:
複製代碼代碼如下:
try {
throw new Date(); // 拋出目前時間物件} catch (e) { alert(e.toLocaleString()); // 使用本機格式顯示目前時間
}