웹프로그래밍 12주차

BOM(Browser Object Model) 객체들

- 자바스크립트로 브라우저를 제어하기 위해 지원되는 객체들 (HTML 페이지 내용과 관계없음)

- 브라우저 공통 BOM 객체

1. window - 브라우저 모양 제어. 새 윈도우 열기/닫기

2. navigator - 브라우저에 대한 다양한 정보 제공

3. history - 브라우저 윈도우에 로드한 URL 리스트의 히스토리 관리

4. location - 브라우저 윈도우에 로드된 HTML 페이지의 URL 관리

5. screen - 브라우저가 실행되고 있는 스크린 장치에 대한 정보 제공

- BOM은 국제 표준이 없어 브라우저마다 BOM 객체들이 조금씩 다르다:

window 객체

- 브라우저 윈도우나 탭 윈도우마다 별도의 window 객체 생성

window 객체 생성

- 3가지 경우

1. 브라우저가 새로운 웹 페이지 로드

2. 자바스크립트 코드로 윈도우 열기 시 window 객체 생성

-> window.open("웹페이지 URL","윈도우 이름", "윈도우 속성");

-> 윈도우 이름 (_blank, _parent, _self, _top, name)

3. iframe 태그 당 하나의 window 객체 생성

- 자바 스크립트 코드로 윈도우 객체에 대한 접근

-> window, 혹은 window.self 혹은 self 

 

window 객체의 타이머 기능 2가지

- 타임아웃 코드 1회 호출 : setTimeout()/clearTimeout()

setTimeout("함수이름",시간)

- 타임아웃 코드 반복 호출 : setInterval()/clearInterval()

 

윈도우 위치 및 크기 조절

window.moveBy(x,y);

window.moveTo(x,y);

window.resizeBy(x,y);

window.resizeTo(x,y);

 

웹 페이지 스크롤

window.scrollBy(x,y);

window.scrollTo(x,y);

 

웹 페이지 프린트

window.print();

-> print 전 onbeforeprint 리스너, 후 onafterprint 리스너 호출

 

location 객체

- URL정보를 나타내는 객체

 

navigator 객체

- 현재 작동 중인 브라우저에 대한 다양한 정보를 나타내는 객체

 

screen

- 브라우저가 실행되는 스크린 장치에 관한 정보를 담고 있는 객체

 

history

- 윈도우에서 방문한 웹 페이지 리스트(히스토리)를 나타내는 객체