Javascript : 객체 - ② 브라우저 객체 모델
브라우저 객체 모델(BOM, Browser Object Model)이란?
브라우저에 내장 된 객체를 '브라우저 객체'라고 한다.
window는 브라우저 객체의 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있다.
계층적 구조로 이루어져 있으며, 이를 브라우저 객체 모델(BOM, Browser Object Model)이라고 한다.
1. window 객체
window객체 종류
| 종류 | 설명 |
|
open("URL", "새 창 이름", "새 창 옵션")
|
URL 페이지를 새 창으로 나타낸다. |
|
alert(data)
|
경고 창을 나타내고 데이터를 보여준다. 방문자가 [확인](버튼)을 누르면 alert( )를 사용한 다음 다음 위치의 코드를 수행한다. |
|
prompt("질문", "답변")
|
질문과 답변으로 질의응답 창을 나타낸다. |
|
confirm("질문내용")
|
질문 내용으로 확인이나 취소 창을 나타낸다. [확인](버튼)을 누르면 true를 반환하고, [취소](버튼)을 누르면 false를 반환한다. |
|
moveTo(x, y)
|
지정한 새 창의 위치를 이동한다. |
|
resizeTo(width, heght)
|
지정한 새 창의 크기를 변경한다. |
|
setInterval(function(){자바스크립트코드},일정 시간 간격)
|
지속적으로 일정한 시간 간격으로 함수를 호출하여 코드를 실행한다. |
|
setTimeout(function(){자바스크립트코드},일정 시간 간격)
|
단 한번 일정한 시간 간격으로 함수를 호출하여 코드를 실행한다. |
open( ) 메소드를 이용해 팝업 창 표현하기
alert( ) 메소드를 이용해 경고 창 표현하기
prompt( ) 메소드를 이용해 질의응답 창 표현하기
confirm( ) 메소드를 이용해 확인/취소 창 표현하기
setInterval( ) 메소드를 이용해 일정 시간 간격으로 반복 실행하기
clearInterval( ) 메소드를 이용해 setInterval( ) 메소드 취소하기
setTimeout( ) 메소드 : 일정 시간이 지나면 코드를 실행하고 종료하기
clearTimeout( ) 메소드 : setTimeout( ) 메소드 제거하기
2. screen 객체
3. location 객체
4. navigator 객체