js的onerror是什麼意思？ onerror事件如何使用？-js教程-PHP中文網

首頁

web前端

js教程

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

青灯夜游

Nov 10, 2018 pm 02:44 PM

本篇文章帶給大家的內容是介紹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="/static/imghw/default1.png"  data-src="myimage.gif"  class="lazy"   onerror="alert(&#39;加载图像时出现错误。.&#39;)" / alt="js的onerror是什麼意思？ onerror事件如何使用？" >

登入後複製

運行：

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

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

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

本網站聲明

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

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7781

Java教學

1644

CakePHP 教程

1399

Laravel 教程

1296

PHP教程

1234

Related knowledge

建議：優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計

如何使用JS和百度地圖實現地圖平移功能 Nov 21, 2023 am 10:00 AM

如何使用JS和百度地圖實現地圖平移功能百度地圖是一款廣泛使用的地圖服務平台，在Web開發中經常用於展示地理資訊、定位等功能。本文將介紹如何使用JS和百度地圖API實作地圖平移功能，並提供具體的程式碼範例。一、準備工作使用百度地圖API前，首先需要在百度地圖開放平台（http://lbsyun.baidu.com/）上申請一個開發者帳號，並建立一個應用程式。創建完成

股票分析必備工具：學習PHP和JS繪製蠟燭圖的步驟 Dec 17, 2023 pm 06:55 PM

股票分析必備工具：學習PHP和JS繪製蠟燭圖的步驟，需要具體程式碼範例隨著網路和科技的快速發展，股票交易已成為許多投資者的重要途徑之一。而股票分析是投資人決策的重要一環，其中蠟燭圖被廣泛應用於技術分析。學習如何使用PHP和JS繪製蠟燭圖將為投資者提供更多直觀的信息，幫助他們更好地做出決策。蠟燭圖是一種以蠟燭形狀來展示股票價格的技術圖表。它展示了股票價格的

如何使用PHP和JS創建股票蠟燭圖 Dec 17, 2023 am 08:08 AM

如何使用PHP和JS創建股票蠟燭圖股票蠟燭圖是股票市場中常見的技術分析圖形，透過繪製股票的開盤價、收盤價、最高價和最低價等數據，幫助投資者更直觀地了解股票的價格波動情形。本文將教你如何使用PHP和JS創建股票蠟燭圖，並附上具體的程式碼範例。一、準備工作在開始之前，我們需要準備以下環境：1.一台運行PHP的伺服器2.一個支援HTML5和Canvas的瀏覽器3

如何使用JS和百度地圖實現地圖點擊事件處理功能 Nov 21, 2023 am 11:11 AM

如何使用JS和百度地圖實現地圖點擊事件處理功能概述：在網路開發中，經常需要使用地圖功能來展示地理位置和地理資訊。而地圖上的點擊事件處理是地圖功能中常用且重要的一環。本文將介紹如何使用JS和百度地圖API來實現地圖的點擊事件處理功能，並給出具體的程式碼範例。步驟：匯入百度地圖的API檔案首先，要在HTML檔案中匯入百度地圖API的文件，可以透過以下程式碼實現：

如何使用JS和百度地圖實現地圖熱力圖功能 Nov 21, 2023 am 09:33 AM

如何使用JS和百度地圖實現地圖熱力圖功能簡介：隨著互聯網和行動裝置的快速發展，地圖成為了普遍的應用場景。而熱力圖作為一種視覺化的展示方式，能夠幫助我們更直觀地了解數據的分佈。本文將介紹如何使用JS和百度地圖API來實現地圖熱力圖的功能，並提供具體的程式碼範例。準備工作：在開始之前，你需要準備以下事項：一個百度開發者帳號，並建立一個應用，取得到對應的AP

PHP與JS開發技巧：掌握繪製股票蠟燭圖的方法 Dec 18, 2023 pm 03:39 PM

隨著網路金融的快速發展，股票投資已經成為了越來越多人的選擇。而在股票交易中，蠟燭圖是常用的技術分析方法，它能夠顯示股票價格的變動趨勢，幫助投資人做出更精準的決策。本文將透過介紹PHP和JS的開發技巧，帶領讀者了解如何繪製股票蠟燭圖，並提供具體的程式碼範例。一、了解股票蠟燭圖在介紹如何繪製股票蠟燭圖之前，我們首先需要先了解什麼是蠟燭圖。蠟燭圖是由日本人

js和vue的關係 Mar 11, 2024 pm 05:21 PM

js和vue的關係：1、JS作為Web開發基石；2、Vue.js作為前端框架的崛起；3、JS與Vue的互補關係；4、JS與Vue的實踐應用。

See all articles

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

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題