js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?
- 青灯夜游원래의
- 2018-11-10 14:44:549956검색
이 글의 내용은 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:
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>실행 효과:
이미지(또는 다른 파일)를 로드하는 데 문제가 있는 경우 onerror 메서드를 사용하여 오류 메시지를 표시할 수도 있습니다. (아래 그림 참조).
<img src="myimage.gif" onerror="alert('加载图像时出现错误。.')" / alt="js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?" >
실행:
요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.
위 내용은 js의 onerror는 무엇을 의미합니까? onerror 이벤트를 어떻게 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!