상세 컨텐츠

본문 제목

JavaScript :: 브라우저 객체 모델(BOM)

JavaScript

by 비오스터딩 2020. 5. 22. 15:30

본문

 

 

 

 

  브라우저 객체 모델이란?  

 

브라우저에 내장된 객체를 브라우저객체 라고 한다.

 

브라우저 객체의 최상위 객체는 window 객체이며,

window 객체에는 하위 객체(document, sereen, location, history, navigator)가 포함되어 있다.

 

이 계층적 구조를 브라우저 객체모델(BOM)이라고 한다.

 

 

 

 

Window 객체 메서드

  open("URL", "새 창 이름", "새 창 옵션")   URL 페이지를 새 창으로 나타냄.
  alert(data)   경고 창을 나타내고 데이터를 보여줌. 
  방문자가 [확인]을 누르면 alert( )를 사용한 다음 위치의 코드 수행
  prompt("질문","답변")   질문과 답변으로 질의 응답 창을 나타냄.
  confirm("질문")   질문 내용으로 [확인] [취소] 창을 나타냄.
  [확인] == true. [취소] == false.
  moveTo(x, y)   지정한 새 창의 위치 이동.
  resizeTo(width, height)   지정한 새 창의 크기 변경.
  setInterval(함수, 일정 시간 간격)   지속적으로 일정한 시간 간격으로 함수 호출.            (시간 단위 msc)
  setTimeout(함수, 일정 시간 간격)   한 번 일정한 시간 간격으로 함수 호출.                    (ex. 1,000 = 1초)

 

 

 

Screen 객체 메서드 : 사용자의 모니터 정보(속성)을 제공

  screen.width   화면의 너빗값 반환.
  screen.heigh   화면의 높잇값 반환.
  screen.availWidth   작업 표시줄을 제외한 화면의 너빗값 반환.
  screen.availHeight   작업 표시줄을 제외한 화면의 높잇값 반환.
  screen.colorDepth   사용자 모니터가 표현 가능한 컬러 bit 반환.

 

 

Location 객체 메서드 : 현재 url에 대한 정보(속성)와 새로고침(reload) 메서드 제공

  location.href   주소 영역의 참조 주소를 설정하거나 url 반환.
  location.hash   url의 해시값을 반환.
  location.hostname   url의 호스트 이름을 설정하거나 반환.
  location.host   url의 호스트 이름과 포트 번호를 반환.
  location.protocol   url의 프로토콜을 반환.
  location.search   url의 쿼리(요청 값)을 반환.
  location.reload( )   브라우저 새로고침.

 

 

History 객체 메서드 : 방문자가 사용한 방문 사이트와 관련한 메서드 제공

  history.back( )   이전 방문 사이트로 이동.
  history.forward( )   다음 방문 사이트로 이동.
  history.go(이동숫자)   ex. 이동 숫자에 -2를 입력하면 2단계 이전 방문 사이트로 이동.
  history.length   방문 기록에 저장된 목록 갯수 반환.

 

 

Navigator 객체 메서드 : 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보 제공

  navigator.appCodeName   현재 브라우저의 코드명 반환. 
  현재 모든 브라우저는 'Mozilla'를 반환.
  navigator.appName   현재 브라우저의 이름 반환.
  현재 모든 브라우저는 'Netscape'를 반환.
  navigator.appVersion   현재 브라우저의 버전 정보를 반환.
  현재 모든 브라우저는 '5.0(Windows)'를 반환.
  navigator.language   현재 브라우저가 사용하고 있는 언어를 반환.
  navigator.product   현재 브라우저의 엔진 이름을 반환.
  ex. 크롬 브라우저 사용 >> 'Gecko' 반환.
  navigator.platform   현재 브라우저의 운영체제 정보 반환.
  navigator.onLine   온라인 상태 여부에 대한 정보 제공.
  ex. 정상적으로 인터넷 연결 >> true 반환.
  navigator.userAgent   브라우저와 운영체제의 종합정보 제공.

 

 

 

 

 

반응형

관련글 더보기

댓글 영역