지토의 개발일기/javaScript

[JavaScript] 브라우저 객체 모델

지아토 2021. 10. 20. 13:52

브라우저 객체란???

 

브라우저에 내장된 객체를 '브라우저 객체'라고 한다. window는 브라우저 객체의 최상위 객체이며, 

 

window 의 하위 객체에는 document, screen, location, history, navigator, body, div, img등등이 있다.

 

window 객체의 매서드 종류

 

종류 explain
open("URL", "새 창 이름", " 새 창 옵션") URL 페이지를 새창으로 나타냄.
alert(data) 경고 창을 나타내고 데이터를 보여줌, 방문자가 [확인] 버튼을 누르면 alert() 를 사용하고 다음 코드 수행.
prompt("질문", "답변") 질문과 답변으로 질의 응답 창을 나타냄.
confirm("질문내용") 질문 내용으로 확인이나 취소창을 나타냄 [확인] 버튼을 누르면 true를 반환, [취소]를 누르면 false를 반환.
moveTo(x,y) 지정한 새창의 위치를 이동.
resizeTo(width, height) 지정한 새 창의 크기를 변경.
setinterval(function() {자바스크립트 코드}, 일정시간 간격) 지속적으로 일정한 시간 각격으로 함수를 호출하여 코드를 실행.
setTimeout(funciont(){자바스크립트 코드}, 일정시간 간격) 단 한번 일정한 시간 간격으로 함수를 호출하여 코드를 실행.

 

예시 1) prompt와 alert 그리고 confirm 사용 예시 

 

주석 포함 코드작성

 

alert()결과

 

prompt() 결과
confirm 결과