首頁  >  文章  >  web前端  >  js的onerror是什麼意思? onerror事件如何使用?

js的onerror是什麼意思? onerror事件如何使用?

青灯夜游
青灯夜游原創
2018-11-10 14:44:5410012瀏覽

本篇文章帶給大家的內容是介紹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("发生错误.");
}

運行:


js的onerror是什麼意思? onerror事件如何使用?

如果需要利用onerror 事件,就必須建立一個函數來處理錯誤。這個函數就是 onerror 事件處理程序 (onerror event handler)。這個事件處理程序需要使用三個參數來調用,分別為:msg、url、line,這三個參數可以讓onerror 事件處理程序提供了三個訊息,用來找出錯誤的確切性質。

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>

運行效果:

js的onerror是什麼意思? onerror事件如何使用?

你也可以在載入圖片(或其他檔案)時出現任何問題時使用onerror方法顯示錯誤訊息(如下所示)。

<img  src="myimage.gif" onerror="alert(&#39;加载图像时出现错误。.&#39;)" / alt="js的onerror是什麼意思? onerror事件如何使用?" >

運行:


js的onerror是什麼意思? onerror事件如何使用?

總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。

以上是js的onerror是什麼意思? onerror事件如何使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn