아래의 예제에서 onload가 이벤트 속성으로, 이벤트 리스너이다.
또한 이런 이벤트가 발생했을 때 이를 처리하는 부분을 이벤트 핸들러라고 한다.
아래의 예제에서 function() { }; 부분이 이벤트 핸들러이다.
1) 이벤트는 특정 시점에서 발생하는 움직임이다.
2) 모든 이벤트는 특정 객체에 속하며, 그 객체는 이벤트 핸들러와 이벤트를 연결하는 이벤트 속성(이벤트 리스너)을 제공해야 한다.
이 이벤트 속성은 ‘on + 이벤트 이름’과 같이 명명된다.
<!DOCTYPE html> <html> <head> <title>변수</title> <meta charset="UTF-8"> <script> window.onload = function(){ var list = ''; list += '<ul>'; list += ' <li>Hello</li>'; list += ' <li>JavaScript..!</li>'; list += '</ul>'; document.body.innerHTML = list; }; </script> </head> <body> </body> </html> |
'JavaScript' 카테고리의 다른 글
자바스크립트 (JavaScript) - 11 : 입력 (prompt(), confirm() 함수) (0) | 2016.07.18 |
---|---|
자바스크립트 (JavaScript) - 10 : 변수의 특성과 자료형 검사 (0) | 2016.07.18 |
자바스크립트 (JavaScript) - 8 : 이벤트 1 (0) | 2016.07.18 |
자바스크립트 (JavaScript) - 7 : 변수 2 (Variable) (0) | 2016.07.18 |
자바스크립트 (JavaScript) - 6 : 변수 1 (Variable) (0) | 2016.07.18 |