本篇文章帶給大家的內容是介紹js的onerror是什麼意思,讓大家了解onerror事件的使用方法。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。
在之前的文章【js try ... catch語法結構有什麼用? try ... catch詳解】中介紹了使用try...catch來捕捉網頁中的錯誤,接下面我們來看看如何使用 onerror 事件來達到相同的目的。
onerror 事件是一種老式的標準的在網頁中捕獲 Javascript 錯誤的方法,它在加載外部文件(文檔或圖像)發生錯誤時被觸發。只要頁面中出現腳本錯誤、發生異常時,就會產生 onerror 事件。 【相關影片教學推薦:JavaScript教學】
#範例:
#HTML程式碼:
##
<p>点击下面查看结果:</p> <form> <input type="button" value="点击我" onclick="myFunc();" /> </form>js程式碼:
window.onerror = function() { alert("发生错误."); }運行:
onerror 事件處理程序提供的三個訊息,用來找出錯誤的確切性質:
Error message:瀏覽器中把給定的錯誤訊息顯示出來(錯誤訊息)
URL:發生錯誤的頁面的url
Line number:發生錯誤的程式碼行
語法:
onerror=handleErr function handleErr(msg,url,line) { //在这里处理错误 return true or false }瀏覽器是否顯示標準的錯誤訊息,取決於onerror 的回傳值。如果傳回值為 false,則在控制台 (JavaScript console) 中顯示錯誤訊息。反之則不會。 下面我們就透過範例來看看如何提取這些資訊:
<!DOCTYPE html> <html> <head> <script type="text/javascript"> onerror = handleErr var txt = "" function handleErr(msg, url, line) { txt = "页面上出现了一个错误。\n\n" txt += "错误: " + msg + "\n" txt += "URL: " + url + "\n" txt += "行号: " + line + "\n\n" txt += "单击“确定”继续。\n" alert(txt) return true } function message() { adddlert("欢迎查看!") } </script> </head> <body> <p>点击下面查看结果:</p> <form> <input type="button" value="查看消息" onclick="message();" /> </form> </body> </html>運行效果: 你也可以在載入圖片(或其他檔案)時出現任何問題時使用onerror方法顯示錯誤訊息(如下所示)。
<img src="myimage.gif" onerror="alert('加载图像时出现错误。.')" / alt="js的onerror是什麼意思? onerror事件如何使用?" >運行:
以上是js的onerror是什麼意思? onerror事件如何使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!