웹브라우저 JavaScript

inline

인라인(inline) 방식으로 이벤트를 등록하는 방법을 알아보자. 인라인 방식은 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것이다. 다음은 버튼을 클릭했을 때 Hello world를 경고창으로 출력한다.

<input type="button" onclick="alert('Hello world');" value="button" />

이벤트가 발생한 대상을 필요로하는 경우 this를 통해서 참조할 수 있다.

<!--자기 자신을 참조하는 불편한 방법-->
<input type="button" id="target" onclick="alert('Hello world, '+document.getElementById('target').value);" value="button" />
<!--this를 통해서 간편하게 참조할 수 있다-->
<input type="button" onclick="alert('Hello world, '+this.value);" value="button" />

인라인 방식은 태그에 이벤트가 포함되기 때문에 이벤트의 소재를 파악하는 것이 편리하다. 하지만 정보인 HTML과 제어인 JavaScript가 혼재된 형태이기 때문에 바람직한 방법이라고 할수는 없다. 

댓글

댓글 본문
작성자
비밀번호
  1. tachyon
    감사합니다
  2. JustStudy
    2016.07.12 화
    고맙습니다 3.
  3. JustStudy
    2016.07.02 토
    고맙습니다 2.
  4. 온달장군
    강좌 잘보고 갑니다. 감사합니다.
  5. 이주환
    2016. 04. 28
    잘보고 갑니다~!
  6. JustStudy
    고맙습니다
  7. 신기하네여
  8. 쥬슈야
    저는 이벤트부분 들어오면서 집중도가 많이 올라가네요.
  9. 코딩!
    감사합니다!
  10. 호두과자
    감사합니다^^
  11. 육점이
    감사합니다.
  12. 메롱
    강의 잘 듣고 있습니다.>~~ 너무 재밌습니다. 감사합니다.
  13. 키위
    정독하고있습니다. 감사합니다!!!
  14. 규빈이아빠
    강의 잘 들었습니다. 귀에 잘 들어오네요^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기