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