브라우저 객체 모델이란
: 자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 브라우저 요소를 객체화해 놓은 것
자주 사용하는 브라우저 내장 객체
| 객체 | 설명 |
| Window | 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체이다. 브라우저 창 안에 존재하는 모든 요소의 최상위 객체이다. |
| Document | 웹 문서에서 <body> 태그를 만나면 만들어지는 객체이다. HTML 문서 정보를 가지고 있다. |
| History | 현재 창에서 사용자 방문 기록을 저장하고 있는 객체이다. |
| Location | 현재 페이지에 대한 URL 정보를 가지고 있는 객체이다. |
| Navigator | 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체이다. |
| Screen | 현재 사용 중인 화면 정보를 다루는 객체이다. |
History 객체
: 브라우저에서 '뒤로', '앞으로' 또는 주소 표시줄에 입력해서 돌아다녔던 사이트 주소 저장
읽기 전용
| 함수 | 설명 |
| back() | History 목록에서 이전 페이지를 현재 화면에 불러온다. |
| forward() | History 목록에서 다음 페이지를 현재 화면에 불러온다. |
| go() | History 목록에서 현재 페이지를 기준으로 상대 위치에 있는 페이지를 현재 화면에 불러온다. 예를 들어 history.go(1)은 다음 페이지를 가져오고, history.go(-1)은 이전 페이지를 가져옴. |
Location 객체
: 현재 문서의 URL 주소 정보
이 정보를 편집하면 현재 브라우저 창에 열릴 사이트나 문서를 지정할 수 있다.
| 속성 | 설명 |
| hash | URL 중 #로 시작하는 해시 부분을 나타낸다. |
| host | URL의 호스트 이름과 포트 번호를 나타낸다. |
| hostname | URL의 호스트 이름을 나타낸다. |
| href | 전체 URL이다. 이 값을 변경하면 해당 주소로 이동할 수 있다. |
| pathname | URL 경로를 나타낸다. |
| port | URL의 포트 번호를 나타낸다. |
| protocol | http://나 ftp:// 같은 URL의 프로토콜을 나타낸다. |
| password | 도메인 이름 앞에 username과 password를 함께 입력해서 접속하는 URL일 경우 password 정보를 저장한다. |
| search | URL 중 ?(물음표)로 시작하는 검색 내용 부분을 나타낸다. |
| username | 도메인 이름 앞에 username을 함께 입력해서 접속하는 사이트 URL일 경우 uesrname 정보를 저장한다. |
| 함수 | 설명 |
| assign() | 현재 문서에 새 문서 주소를 할당해 새 문서를 가져온다. |
| reload() | 현재 문서를 다시 불러온다. 브라우저의 [새로 고침]과 같은 역할을 한다. |
| replace() | 현재 문서의 URL을 지우고 다른 URL의 문서로 교체한다. |
| toString() | 현재 문서의 URL을 문자열로 반환한다. |
'프로그래밍 > JavaScript' 카테고리의 다른 글
| JavaScript_반복문 활용 카드 리스트 만들기 (0) | 2023.05.08 |
|---|---|
| JavaScript_주문 정보와 배송 정보 동일 기능 (0) | 2023.05.08 |
| JavaScript_이벤트 등록 처리 (0) | 2023.05.07 |
| JavaScript_문서 객체 모델 DOM과 DOM 접근 기술 (0) | 2023.05.07 |
| JavaScript_객체 (0) | 2023.05.07 |
