25. JavaScript. BOM 객체 정리

JavaScript BOM

1. window 객체

ㄱ. 모든 전역 자바스크립트 객체, 함수 , 변수들이 자동으로 window 객체의 멤버가 된다.

ㄴ. 전역변수, 전역함수 -> window 객체의 멤버

ㄷ. HTML DOM - document 객체 --> window 멤버

ㄹ. open() / close() / moveTo() / moveBy() / resizeTo()

 

window.moveTo(x1, y1) : 윈도우를 화면 (x1, y1) 에 위치시킨다.

window.moveBy(x2, y2) : 윈도우를 화면 현 위치에서 (x2, y2) 만큼 이동시킨다.

window.resizeTo(w, h) : 

- w : 가로, h : 세로
- 브라우저의 크기를 w와 h로 조절해준다.

window.resizeBy(w, h)
- 브라우저의 크기를 현재 크기에서  가로는 w만큼 세로는 h만큼 늘려준다.

ㅁ.  window.innerWidth / window.innerHeight

document.body.clientWidth / document.body.clientHeight

document.document.clientWidth / document.document.clientHeight

  

  2. screen 객체

  ㄱ. 사용자 화면에 대한 정보

  ㄴ. screen.width / screen.height - 작업표시줄 포함O *

      screen.clientWidth / screen.clientHeight - 작업표시줄 포함X *

  screen.colorDepth / screen.pixelDepth

3. location 객체

  ㄱ. 현재 페이지 주소(URL)을 가져오고, 브라우저를 새 페이지로 리디렉션하는데 사용하는 객체

  ㄴ. location.href 속성 : 현재 페이지의 URL을 반환 / 이동.  

  ㄷ. location.hostname : 웹호스트의 도메인 이름 반환 

 location.pathname : 현재 페이지의 경로와 파일이름 반환 

 location.protocol : 웹프로토콜 반환 

 location.assign : 새 문서를 로드

 location.port : 포트 반환

4. history 객체

ㄱ. 히스토리 목록을 가지고 있는 객체

ㄴ. history.back() - 뒤로가기 버튼 / history.go(-1)

history.forward() - 앞으로가기 버튼 / history.go(1)

history.go(n) n값에 따라서 이동

5. navigator 객체

ㄱ. 방문자의 브라우저에 대한 정보가 들어있다.

ㄴ. 방문자의 브라우저 [쿠키] 사용 설정

브라우저 응용프로그램명 

브라우저 버전정보

브라우저 플랫폼(운영체제)

브라우저 사용 언어