1.event

• event 는 어떤 "사건" 을 의미한다.
• “~가 일어난다면…” 이 event 라고 생각 할 수 있다.
• 등록 할 수 있는 이벤트는 굉장히 많으나 Browser 마다 조금씩 다르다.

아래는 가장 일반적으로 사용하는 이벤트 속성이다.

2. Event 객체와 this

• 이벤트가 발생할 경우 이벤트 객체 가 반환 된다.
• 그리고 이벤트가 발생한 당사자 요소인 this 도 있다.
• 이 두 객체를 활용하면 복잡한 내용도 쉽게 해결 할 수 있다.

3. Event Listener

• Event Listener 는 특정 요소에 특정 이벤트를 감시하는 기능을 추가하는 개념이다.
• 아직은 Cross Browser 이슈로 많이 사용되진 않지만 많은 UI Programming 에서 이 개념을 사용 한다.
• Event Listener 에 등록 할 수 있는 이벤트는 속성에 추가한 이벤트 에서 on 만 빠진 형태 이다.

아래는 자주 사용하는 일부 이벤트 들이다.

4. Browser Object Model

• HTML 과 Java Script 는 Browser 안에서만 실행이 된다.
• BOM 은 DOM 보다 한 단계 더 큰 개념이다.

5.Window Object

• Window 는 브라우저 “창” 을 의미 한다.
• 우리는 window 객체를 이용해 새로운 “window” 를 “open” 할 수도 “close” 할 수도 있다.
• location 객체는 창을 이동시키거나 이동 주소에 대한 정보를 제공해 준다.
• window.location 이 정식 명칭이나 window 는 생략할 수 있다.

1) open()

• open 함수는 새로운 윈도우 창을 생성 해 준다. 총 3개의 인자값을 갖는다.
• window.open(보여줄 페이지 주소,＂창 이름＂,＂옵션");

2) close()

• 열었던 새 창을 닫는 역할을 수행하는 함수

6. alert

• Browser 에서는 새 창 이외에도 “경고 창” 을 제공 한다.
• 경고 창은 새 창과 달리 tool bar 가 존재하지 않으며 기능이 한정되어 있다.

7. timing

• Browser 에서는 특정 시간마다 어떤 일을 수행 할 수 있다.
• 특정 시간 후에 어떤 일을 수행 할 수도 있다.
• 그 시간의 단위는 1/1000 초(milliseconds) 이다.