티스토리 뷰
브라우저 객체 모델
▷ Browser Object Model
＊브라우저를 객체로 표현
객체. … .객체.속성
객체. … .객체.메서드()
window.document.write()
window | document | HTML 문서를 표현 |
history | 사용자가 방문한 URL을 저장·관리 | |
location | 현재 URL에 대한 정보를 유지 | |
navigator | 브라우저에 대한 정보를 관리 |
window 객체
▷ 창에 대한 전반적인 모든 상황을 제어하는 최상위 객체
＊주요 메서드
☞ open(), close() → 새로운 윈도를 엶, 열린 창을 닫음
☞ alert(), confirm(), prompt() → 경고창, 확인창, 입력창
☞ setInterval() → 일정 시간 간격으로 함수를 반복적으로 호출
☞ setTimeout() → 일정 시간 후에 지정 함수를 수행
☞ moveBy(), moveTo() → 창의 (상대, 절대) 위치 이동
☞ resizeBy(), resizeTo() → 창의 (상대, 절대) 크기 조정
open()과 close() 메서드
window.open() 메서드
창의 크기와 위치 지정
▷ 창의 크기
＊resizeBy(폭,높이) → 창의 크기를 상대적인 크기 만큼 변경
＊resizeTo(폭,높이) → 창의 크기를 지정된 절대 크기로 변경
▷ 창의 위치
＊moveBy(x,y) → 창을 현재 위치에서 상대적인 양만큼 이동
＊moveTo(x좌표, y좌표) → 창을 임의의 절대 위치로 이동
setTimeout() 메서드
▷ 지정한 시간 후에 특정 코드(함수)를 실행시키는 메서드
\
setTimeout()과 clearTimeout() 메서드
setInterval() 메서드
▷ 일정한 시간 간격으로 특정 함수를 반복해서 호출
timerID = setInterval("호출함수", 시간 간격)
clearInterval(timerID)
setInterval()로 설정되어 무한히 반복되는 동작을 정지시키는 함수
