웹브라우저 자바스크립트 - inline

inline - https://opentutorials.org/course/1375/6759

이벤트를 설치하는 방법 중 인라인 방식이 있다.

태그 안에 이벤트가 속성으로 직접 들어가 있을 때 인라인 방식이라고 한다.

<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" /> <!--this는 현재 this가 있는 엘리먼트를 가리킨다.-->

인라인 방식의 장점

태그에 해당되는 이벤트가 무엇인지 쉽게 찾을 수 있다.

인라인 방식의 단점

태그에 직접 기술되기 때문에 html의 정보로서의 가치가 저하된다.

태그를 제어하는 이벤트는 스크립트 부분에 기술하는 것이 더 바람직하다.