inline 방식 - 태그에 직접 자바스크립트를 기술하는 방식 (비권장)
html에서 속성중에 onclick = "alert('Hello world')"
빨간 부분에는 클릭을 했을 때 일어날 자바스크립트 코드를 입력한다.
script - 정보와 제어를 구분한다는 점에서 바람직
<!DOCTYPE html><html><body> <input type="button" id="hw" value="Hello world" /><script type="text/javascript"> var hw = document.getElementById('hw'); hw.addEventListener('click', function(){ alert('Hello world'); }) </script></body></html>
외부 파일로 분리 - 유지보수 측면에서 더 바람직<!DOCTYPE html><html><body> <input type="button" id="hw" value="Hello world" /> <script type="text/javascript" src="script2.js"></script></body></html>
//js파일
var hw = document.getElementById('hw');hw.addEventListener('click', function(){ alert('Hello world');})'스프링 관련 > 웹프로그래밍' 카테고리의 다른 글
| 자바 스크립트 제어 대상을 찾기 (0) | 2017.03.17 |
|---|---|
| php 에러) Unknown: failed to open stream: Invalid argument in Unknown on line 0 (0) | 2017.03.03 |
| css 상속, cascading, 레이아웃, box-sizing, 마진겹침, 포지션 (0) | 2017.02.22 |
| css 속성 정리(폰트, 타이포그래피) (0) | 2017.02.21 |
| css 선택자 정리 (0) | 2017.02.21 |
댓글