JavaScript

자바스크립트 (JavaScript) - 9 : 이벤트 2

n.han 2016. 7. 18. 15:05

아래의 예제에서 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>