이벤트

1. Event Handler 이벤트 핸들러

-- 자바스크립트의 특징적인 기능입니다.

-- 화면에서 클릭이나 동작시 발생하는 동적인 기능을 이벤트라고 합니다.

-- 이벤트 앞에는 on 키워드가 붙습니다.

A. 인라인 이벤트 모델

-- 태그에 속성에 직접적으로 연결하는 방식

-- 함수를 만들어서 여러 이벤트를 걸어서 함수를 호출하는 방식으로 주로 사용합니다.

 

B. 기본 이벤트 모델

-- 익명함수 사용합니다.

-- 태그를 참조하여 변수에 지정하여 변수를 그대로 이벤트요소와 연결시켜서 사용하는 방식입니다.

 

C. 표준 이벤트 모델

--EventListener함수를 사용합니다.

 

2.  BOM and DOM

--Browser Object Model

--내장객체를 의미함 window, location, history, document 등이 포함됨

--Document Object Model

--document 객체를 뜻함

A . 태그(Element) 선택 매써드

id는 고유한 값이므로 한개만 출력해오지만 나머진 중복이 가능하므로 배열로 출력한다 따라서 나머지는 반복문으로 사용이 가능하다.

 

innerHTML 사용시 태그 사이에 값이 들어가게됨