메뉴 건너뛰기

2019.01.16 18:18

에러처리

조회 수 1066 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

* onerror 이벤트

예외를 처리하는 다른 방법 중에 하나인 onerror 이벤트를 살펴보겠다.
onerror 이벤트는 페이지에 스크립트 에러가 발생할 때 마다 호출 된다.
onerror 이벤트를 사용하기 위해서는, 반드시 에러를 다룰 함수를  만들어야한다. 
그런 뒤 onerror 이벤트 핸들러로 해당 함수를 호출하면 된다.

이 때 불려지는 함수는 세 개의 인자를 가지게 된다. 
- msg(에러 메시지)
- url(에러를 발생시킨 페이지의 url) 
- line(몇 번째 행에서 에러가 발생했는지)

 

[문법]
onerror=handleErr
function handleErr(msg,url,l)
{
  //Handle the error here
  return true or false
}

 

onerror 에 의해 반환되는 값으로 브라우저에 표준 에러 메시지를 출력할지 말지 결정할 수 있다. 
만약에 false를 반환하면 브라우저는 자바스크립트 콘솔에 표준 에러 메시지를 출력합니다. 
하지만 만약 true를 반환한다면 브라우저는 표준 에러 메시지를 출력하지 않습니다.

 

[예제]
<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""

function handleErr(msg,url,l)
{
  txt="There was an error on this page.\n\n"
  txt+="Error: " + msg + "\n"
  txt+="URL: " + url + "\n"
  txt+="Line: " + l + "\n\n"
  txt+="Click OK to continue.\n\n"
  
  alert(txt)
  
  return true
}

ddd

function message()
{
  adddlert("Welcome guest!") // 에러...
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>

 

에러가 발생하면 onerror 이벤트가 발생하고 거기에 정해준 콜백 메소드가 실행됩니다. 
이 때 메시지를 직접 작성한 뒤 표준 에러 메시지를 출력하지 않고 handleErr() 함수에서 작성한 메시지를 보여줍니다.

 

[에러 보고로 사용자를 괴롭히지 않기]
window.onerror = function(){ return true; }

 

후기
위 예제를 이용하여 자바스크립트 에외처리를 하면 도움이 될것 같다.


  1. Alert, Confirm을 모달 팝업으로 만들기

  2. No Image 29Apr
    by
    2019/04/29 Views 10960 

    랜덤 배너 노출 스크립트

  3. No Image 16Jan
    by
    2019/01/16 Views 1167 

    풍선도움말

  4. No Image 16Jan
    by
    2019/01/16 Views 1439 

    span - 동적으로 글자 바꾸기, 보이기 안보이기

  5. No Image 16Jan
    by
    2019/01/16 Views 1988 

    텍스트박스 입력제한(숫자,영문,한글,특수기호)

  6. No Image 16Jan
    by
    2019/01/16 Views 1271 

    금액에 점찍고 한글 표시하기

  7. No Image 16Jan
    by
    2019/01/16 Views 111408 

    유효한 링크인지 확인하는 JAVASCRIPT

  8. No Image 16Jan
    by
    2019/01/16 Views 1579 

    특정 부분 인쇄 자바스크립트

  9. No Image 16Jan
    by
    2019/01/16 Views 3385 

    엑셀처럼 td 사이즈 조절하기

  10. No Image 16Jan
    by
    2019/01/16 Views 1305 

    체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제

  11. No Image 16Jan
    by
    2019/01/16 Views 1163 

    한글 또는 영문만이 존재하는지 체크

  12. No Image 16Jan
    by
    2019/01/16 Views 1137 

    기간 설정용 달력 팁앤노하우

  13. No Image 16Jan
    by
    2019/01/16 Views 1178 

    한글 짜르기

  14. No Image 16Jan
    by
    2019/01/16 Views 1239 

    두 날짜 사이 토일요일 개수 구하기

  15. No Image 16Jan
    by
    2019/01/16 Views 1328 

    div태그를 이용한 클릭시 레이어 띄우기

  16. No Image 16Jan
    by
    2019/01/16 Views 1051 

    배열과 Array객체

  17. No Image 16Jan
    by 조쉬
    2019/01/16 Views 1066 

    에러처리

  18. No Image 16Jan
    by
    2019/01/16 Views 1175 

    랜덤(Random) / 난수 만들기

  19. No Image 16Jan
    by
    2019/01/16 Views 1089 

    input 태그에서 name과 id의 차이

  20. No Image 10Jan
    by
    2019/01/10 Views 2371 

    Javascript 로 초성검색하기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved