onerror事件用法簡單介紹

antzone發表於2017-04-11
Error事件

只要頁面中出現錯誤，那麼就會觸發onerror事件，當然有沒有事件處理函式就是兩碼事情了。

語法結構如下:

[JavaScript] 純文字檢視 複製程式碼
onerror=handleErrfunction handleErr(msg,url,l){
  //code
  return true or false
}

引數解析:

（1）.msg:錯誤訊息。

（2）.url:發生錯誤的頁面的地址。

（3）.line:發生錯誤的程式碼行。

如果返回true，則在控制檯顯示報錯，如果返回false，則不會報錯。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
onerror = handleErr
var txt = ""
function handleErr(msg, url, line) {
  txt = "本網頁的錯誤如下:" + "\n";
  txt += "錯誤資訊: " + msg + "\n";
  txt += "錯誤頁面地址: " + url + "\n";
  txt += "發生錯誤的程式碼行:" + line + "\n";
  alert(txt);
  return false;
}
function message() {
  adddlert("螞蟻部落歡迎您")
}
window.onload = function () {
  var obt = document.getElementById("bt");
  obt.onclick = function () {
    message();
  }
}
</script>
</head>
<body>
 <input type="button" value="檢視效果" id="bt"/>
</body>
</html>

相關文章