### 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 생략 가능
- 방문자의 화면을 고려해 적당한 사이즈의 팝업창 제공 가능
'Computer Science > Web' 카테고리의 다른 글
Web] Select 태그를 이용해 정렬하기 (0) | 2017.02.25 |
---|---|
API] 다음 우편번호 API 사용하기 (0) | 2017.02.06 |
Javascript] 함수 (37) | 2017.01.21 |
Javascript] 내장 객체(Built-in Object) (0) | 2017.01.19 |
Javascript] Object(객체) (0) | 2017.01.18 |