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축 위치 지정 |