웹브라우저 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. crable@
    감사합니다
  2. 폭스킴
    This is Sparta!
  3. tachyon
    감사합니다
  4. JustStudy
    2016.07.12 화
    고맙습니다 3.
  5. JustStudy
    2016.07.02 토
    고맙습니다 2.
  6. 온달장군
    강좌 잘보고 갑니다. 감사합니다.
  7. 이주환
    2016. 04. 28
    잘보고 갑니다~!
  8. JustStudy
    고맙습니다
  9. park.
    신기하네여
  10. 쥬슈야
    저는 이벤트부분 들어오면서 집중도가 많이 올라가네요.
  11. 코딩!
    감사합니다!
  12. 호두과자
    감사합니다^^
  13. 육점이
    감사합니다.
  14. 메롱
    강의 잘 듣고 있습니다.>~~ 너무 재밌습니다. 감사합니다.
  15. 키위
    정독하고있습니다. 감사합니다!!!
  16. 규빈이아빠
    강의 잘 들었습니다. 귀에 잘 들어오네요^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기