브라우저 객체 모델이란?
브라우저에 내장된 객체를 브라우저객체 라고 한다.
브라우저 객체의 최상위 객체는 window 객체이며,
window 객체에는 하위 객체(document, sereen, location, history, navigator)가 포함되어 있다.
이 계층적 구조를 브라우저 객체모델(BOM)이라고 한다.
Window 객체 메서드
open("URL", "새 창 이름", "새 창 옵션") | URL 페이지를 새 창으로 나타냄. |
alert(data) | 경고 창을 나타내고 데이터를 보여줌. 방문자가 [확인]을 누르면 alert( )를 사용한 다음 위치의 코드 수행 |
prompt("질문","답변") | 질문과 답변으로 질의 응답 창을 나타냄. |
confirm("질문") | 질문 내용으로 [확인] [취소] 창을 나타냄. [확인] == true. [취소] == false. |
moveTo(x, y) | 지정한 새 창의 위치 이동. |
resizeTo(width, height) | 지정한 새 창의 크기 변경. |
setInterval(함수, 일정 시간 간격) | 지속적으로 일정한 시간 간격으로 함수 호출. (시간 단위 msc) |
setTimeout(함수, 일정 시간 간격) | 한 번 일정한 시간 간격으로 함수 호출. (ex. 1,000 = 1초) |
Screen 객체 메서드 : 사용자의 모니터 정보(속성)을 제공
screen.width | 화면의 너빗값 반환. |
screen.heigh | 화면의 높잇값 반환. |
screen.availWidth | 작업 표시줄을 제외한 화면의 너빗값 반환. |
screen.availHeight | 작업 표시줄을 제외한 화면의 높잇값 반환. |
screen.colorDepth | 사용자 모니터가 표현 가능한 컬러 bit 반환. |
Location 객체 메서드 : 현재 url에 대한 정보(속성)와 새로고침(reload) 메서드 제공
location.href | 주소 영역의 참조 주소를 설정하거나 url 반환. |
location.hash | url의 해시값을 반환. |
location.hostname | url의 호스트 이름을 설정하거나 반환. |
location.host | url의 호스트 이름과 포트 번호를 반환. |
location.protocol | url의 프로토콜을 반환. |
location.search | url의 쿼리(요청 값)을 반환. |
location.reload( ) | 브라우저 새로고침. |
History 객체 메서드 : 방문자가 사용한 방문 사이트와 관련한 메서드 제공
history.back( ) | 이전 방문 사이트로 이동. |
history.forward( ) | 다음 방문 사이트로 이동. |
history.go(이동숫자) | ex. 이동 숫자에 -2를 입력하면 2단계 이전 방문 사이트로 이동. |
history.length | 방문 기록에 저장된 목록 갯수 반환. |
Navigator 객체 메서드 : 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보 제공
navigator.appCodeName | 현재 브라우저의 코드명 반환. 현재 모든 브라우저는 'Mozilla'를 반환. |
navigator.appName | 현재 브라우저의 이름 반환. 현재 모든 브라우저는 'Netscape'를 반환. |
navigator.appVersion | 현재 브라우저의 버전 정보를 반환. 현재 모든 브라우저는 '5.0(Windows)'를 반환. |
navigator.language | 현재 브라우저가 사용하고 있는 언어를 반환. |
navigator.product | 현재 브라우저의 엔진 이름을 반환. ex. 크롬 브라우저 사용 >> 'Gecko' 반환. |
navigator.platform | 현재 브라우저의 운영체제 정보 반환. |
navigator.onLine | 온라인 상태 여부에 대한 정보 제공. ex. 정상적으로 인터넷 연결 >> true 반환. |
navigator.userAgent | 브라우저와 운영체제의 종합정보 제공. |
JavaScript :: try catch 오류처리 (0) | 2020.06.18 |
---|---|
JavaScript :: 13-4. JSON_객체 (0) | 2020.05.26 |
JavaScript :: 15. 재귀함수 (0) | 2020.05.22 |
JavaScript :: 연습문제 (2차원 동적배열) _학생들 성적 입력 (0) | 2020.05.22 |
JavaScript :: 13-3 -4. 2차원 동적 배열 만들기 (0) | 2020.05.21 |
댓글 영역