js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?

青灯夜游
풀어 주다: 2018-11-10 14:52:24
원래의
10023명이 탐색했습니다.

이 글의 내용은 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("发生错误.");
}
로그인 후 복사

Run:

js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?

onerror 이벤트를 사용해야 하는 경우 다음을 수행해야 합니다. 오류를 처리하는 함수를 만듭니다. 이 함수는 onerror 이벤트 핸들러입니다. 이 이벤트 핸들러는 msg, url 및 line의 세 가지 매개변수를 사용하여 호출해야 합니다. 이 세 가지 매개변수를 사용하면 onerror 이벤트 핸들러가 오류의 정확한 성격을 알아내기 위한 세 가지 정보를 제공할 수 있습니다.

Onerror 이벤트 핸들러는 오류의 정확한 성격을 알아내기 위해 세 가지 정보를 제공합니다.

오류 메시지: 브라우저에 주어진 오류 메시지 표시(오류 메시지)

URL: URL 오류가 발생한 페이지

줄 번호: 오류가 발생한 코드 줄

구문: ​​

onerror=handleErr

function handleErr(msg,url,line)
{
//在这里处理错误
return true or false
}
로그인 후 복사

브라우저에 표준 오류 메시지가 표시되는지 여부는 onerror의 반환 값에 따라 다릅니다. 반환 값이 false인 경우 콘솔(JavaScript 콘솔)에 오류 메시지가 표시됩니다. 그 반대는 사실이 아닙니다.

이 정보를 추출하는 방법을 알아보기 위해 예를 들어보겠습니다.

<!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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿