Computer Science/Web

Javascript] BOM(Browser Object Model)

TwinParadox 2017. 1. 21. 03:10
728x90

### Browser Object Model



## Window Object


- 브라우저의 내장 객체 중 최상위

- 모든 전역 객체, 함수, 변수는 자동적으로 window 객체에 속함

- 전역 변수(속성), 전역 함수(메서드)

- window를 생략한 형태로 객체와 메서드 사용 가능

- 공식 표준은 없으나 주요 브라우저들에서 지원

- HTML5에서 브라우저 객체 모델을 공식 명세의 일부로 표준화시킴



# Open() 메서드

- 주요 브라우저에서 지원함

- 선택사항인 4개의 매개변수

- URL : 새롭게 생성할 브라우저 창의 주소, 공백 시, 빈 브라우저 창

- name : 새로 생성될 창의 이름 지정, form/anchor의 TARGET 속성을 위한 값

- features : 창의 위치, 크기, 모양 지정, 일부 옵션은 IE에서만 지원함

- replaces : true/false 값, 창의 히스토리 리스트를 새로운 것으로 대체할 것인지, 현재의 것으로 유지할 것인지 결정



# 기본 메서드

- alert, confirm 등을 포함해 자신의 위치와 모양 변경할 수 있는 메서드 존재

- By로 끝나는 메서드는 현재 창 위치에 근거해 상대적으로 지정

- To로 끝나는 메서드는 임의의 값을 지정하는 것


* 이벤트 : 마우스나 키보드의 움직임들


# onload 이벤트

- on으로 시작하는 것이 일반적

- 문서가 로딩되고 난 후, 실행할 작업을 나열할 경우 사용

- window.onload에 정의된 함수는 로딩 종료 후 마지막으로 실행




## 브라우저 객체 모델


- 브라우저와 관련된 객체들의 집합

- 문서를 제외한 주소, 화면 전체, 기록, 브라우저에 관련된 객체

- 적용을 위한 공식 표준은 없으나, 주요 브라우저에서 사용 가능



# location

- 현재 URL에 대한 정보를 가짐

- window 객체의 한 부분, window.location 속성을 통해 접근

- window 생략 가능

- origin 속성은 리턴값만 받을 수 있음

- 문서 이동 시 종종 사용하며, assign, replace, reload를 사용



# navigator

- 웹문서를 실행하고 있는 브라우저에 대한 정보를 가지고 있음

- window 객체의 한 부분, window.navigator 속성을 통해 접근

- window 생략 가능

- 속성값을 이용해 실행되고 있는 브라우저 자체에 대한 정보는 물론, OS에 대한 정보토 확인 가능함

- javaEnabled() 메서드를 이용해 브라우저에서 Java 사용 가능 여부 확인도 가능함



# history

- 브라우저 방문 기록에 대한 정보를 가지고 있음

- window 객체의 한 부분, window.history 속성을 통해 접근

- window 생략 가능

- 사용자의 사생활 보호를 위해, JavaScript를 통해 접근하는 데에 있어 제약이 따름

- length : history list 내의 URL 수



# screen

- OS의 화면에 대한 정보를 가지고 있음

- window 객체의 한 부분, window.screen 속성을 통해 접근

- window 생략 가능

- 방문자의 화면을 고려해 적당한 사이즈의 팝업창 제공 가능

728x90

'Computer Science > Web' 카테고리의 다른 글

Web] Select 태그를 이용해 정렬하기  (0) 2017.02.25
API] 다음 우편번호 API 사용하기  (0) 2017.02.06
Javascript] 함수  (30) 2017.01.21
Javascript] 내장 객체(Built-in Object)  (0) 2017.01.19
Javascript] Object(객체)  (0) 2017.01.18