js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?-JS 튜토리얼-php.cn

집

웹 프론트엔드

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("发生错误.");
}

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="/static/imghwm/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으로 문의하세요.

관련 기사

파이썬과 자바 스크립트의 미래 : 트렌드와 예측Apr 27, 2025 am 12:21 AM

Python 및 JavaScript의 미래 추세에는 다음이 포함됩니다. 1. Python은 과학 컴퓨팅 분야에서의 위치를 통합하고 AI, 2. JavaScript는 웹 기술의 개발을 촉진하고, 3. 교차 플랫폼 개발이 핫한 주제가되고 4. 성능 최적화가 중점을 둘 것입니다. 둘 다 해당 분야에서 응용 프로그램 시나리오를 계속 확장하고 성능이 더 많은 혁신을 일으킬 것입니다.

Python vs. JavaScript : 개발 환경 및 도구Apr 26, 2025 am 12:09 AM

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

JavaScript가 C로 작성 되었습니까? 증거를 검토합니다Apr 25, 2025 am 12:15 AM

예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.

JavaScript의 역할 : 웹 대화식 및 역동적 인 웹Apr 24, 2025 am 12:12 AM

JavaScript는 웹 페이지의 상호 작용과 역학을 향상시키기 때문에 현대 웹 사이트의 핵심입니다. 1) 페이지를 새로 고치지 않고 콘텐츠를 변경할 수 있습니다. 2) Domapi를 통해 웹 페이지 조작, 3) 애니메이션 및 드래그 앤 드롭과 같은 복잡한 대화식 효과를 지원합니다. 4) 성능 및 모범 사례를 최적화하여 사용자 경험을 향상시킵니다.

C 및 JavaScript : 연결이 설명되었습니다Apr 23, 2025 am 12:07 AM

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션Apr 22, 2025 am 12:02 AM

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Apr 21, 2025 am 12:01 AM

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

JavaScript 통역사 및 컴파일러에서 C/C의 역할Apr 20, 2025 am 12:01 AM

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

See all articles