[자바스크립트] 브라우저 객체 모델과 이벤트

브라우저 객체 모델

브라우저 객체 모델은 웹 브라우저와 관련된 객체의 집합을 의미합니다.

window	location	웹 브라우저의 주소 표시줄과 관련된 객체
	navigator	웹 브라우저에 대한 정보와 관련된 객체
	history	브라우저를 통한 접속 기록 정보와 관련된 객체
	screen	운영체제 화면의 속성을 갖는 객체
	document	HTML 페이지를 인식하고 다루는 객체

이벤트

마우스를 클릭하는 사건, 키보드를 누르는 사건 등 개발자가 예측할 수 없는 사건들을 이벤트라고 부릅니다.

이벤트	발생 여부
onclick	발생
ondbclick	발생
onmousedown	발생
onmouseup	발생
onmouseover	발생
onmouseout	발생
onfocus	발생
onblur	발생

이를 활용한 예제

var child1 = window.open()을 이용해 2개의 창을 더 만들면 기존의 창에서는 각각 child1, child2 를 이용해 새로 열린 창에대해 접근할 수 있고 새 창들은 window.opener 를 통해 기존의 창에 접근할 수 있습니다. 또한 창에 접근할 수 있으면 그 창의 document에 접근해 각 태그들을 다룰 수 있고 강제 이벤트도 발생시켜 다양한 코딩을 할 수 있게 됩니다.