JS/JavaScript

javaScript-BOM

보라색츄르 2021. 6. 11. 01:16

BOM : Browser Object Model

브라우저 객체 모델은 브라우저를 객체로 표현한 것이다. 

window 객체가 최상위 객체 

자식 객체

  •  HTML 문서를 나타내는 document 객체
  • 사용자가 방문한 URL을 저장하고 관리하는 history객체
  • 현재 URL에 대한 정보를 가지고 있는 location 객체
  • 브라우저에 대한 정보를 관리하는 navigator 객체등

자바스크립트에서 이러한 객체의 속성과 메서드를 이용하면 웹브라우저를 제어할 수 있다. 

형식  window.document.write( )
 그동안 document.write()로 사용을 했는데 그이유는 window가 디폴트 객체이다 보니 생략을 한 것이다 

 

1. window 객체

: alert(), confirm(), prompt() 등등 

(원칙적으로 window 객체를 나타내는 window를 붙여서 사용해야 하지만 역시 생략해도 무방하다. )

 

2. window 객체의 주요 메서드

메서드 설  명
open()   새로운 윈도를 엶 ( 형식 : window.open("연결할 url", "타깃 또는 창의 이름", "옵션리스트")
close()   열린 창을 닫음 (형식
setInterval()   일정 시간 간격으로 반복적으로 함수를 호출. 함수 수행 중지를 위해서는 clearInterval() 사용
setTimeout()   일정 시간 후에 지정함수를 수행. 함수 수행을 중지하기 위해서는 clearTimeout()사용
alert()   경고창을 표시
confirm()   확인창을 표시
prompt()   입력창을 표시

 

3. 창속성 

창 속성 설   명
location   URL를 표시하는 주소 표시줄의 표시 여부
status   상태 표시줄의 표시여부
menubar   메뉴바의 표시여부
resizable   사용자에 의한 창의 크기 조절 가능 여부
height   창의 높이를 지정
width   창의 너비를 지정
left   창이 표시될 x축 위치 지정
top   창이 표시될 y축 위치 지정