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

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

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

本篇文章帶給大家的內容是介紹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中文網其他相關文章！

JavaScript html try catch Error Event JS console number 事件

陳述：

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

上一篇：JavaScript如何處理異常？異常處理的try方法下一篇：JavaScript如何處理異常？異常處理的try方法

看更多