1. 브라우저 객체 모델이란?
브라우저 전체를 객체로 관리하는 것. 최상위 객체는 window 객체다.
2. 자주 사용하는 브라우저 내장 객체
window : 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체. 브라우저 창 안에 존재하는 모든 요소의 최상위 객체
Document : 웹 문서에서 <body> 태그가 만나면 만들어지는 객체. HTML 문서 정보를 가지고 있다.
History : 현재 창에서 사용자의 방문 기록을 저장하고 있는 객체
Location : 현재 페이지에 대한 URL 정보를 가지고 있는 객체
Navigator : 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체
Screen : 현재 사용 중인 화면 정보를 다루는 객체
3. Window 객체에서 자주 사용하는 함수
alert() - 알림 창을 표시한다.
blur() - 창에 포커스를 제거 한다.
close() - 현재 열려 있는 창을 닫는다.
confirm() - 확인, 취소가 있는 확인 창을 표시한다.
focus() - 현재 창에 포커스를 부여한다.
moveBy() - 현재 창을 지정한 크기 만큼 이동한다.
moveTo() - 현재 창을 지정한 좌표로 이동한다.
open() - 새로운 창을 연다.
postMessage() - 다른 창으로 메세지를 전달한다.
print() - 현재 문서를 인쇄 한다.
prompt() - 프롬프트 창에 입력한 텍스트를 반환한다.
resizeBy() - 지정한 크기만큼 현재 창 크기를 조절한다.
resizeTo() - 동적으로 브라우저 창의 크기를 조절한다.
scroll() - 문서에서 특정 위치로 스크롤 한다.
scrollBy() - 지정한 크기만큼씩 스크롤 한다.
scrollTo() - 지정한 위치까지 스크롤 한다.
showModalDialog() - 모달 창을 표시 한다.
sizeToContent() - 내용에 맞게 창 크기를 맞춘다.
stop() - 로딩을 중지한다.
4. Navigator 객체 속성
appCodeName - 브라우저 이름을 문자열로 반환한다.
appName - 브라우저 공식 이름을 문자열로 반환한다.
appVersion - 브라우저 버전을 문자열로 반환한다.
battery - 배터리 충전 상태를 알려주는 정보가 담긴 객체를 반환한다.
connection - 브라우저 장치의 네트워크 정보가 담긴 객체를 반환한다.
cookieEnabled - 쿠기 정보를 무시한다면 false, 그렇지 않으면 true를 반환한다.
geoloction - 모바일 기기를 사용한 위치 정보가 담긴 객체를 반환한다.
maxTouchPoints - 장치에서 동시에 터치 가능한 포인트가 몇 개인지 반환한다.
platform - 브라우저 플랫폼 정보를 가지고 있는 문자열을 반환한다.
userAgent - 현재 브라우저 정보가 있는 사용자 에이전트 문자열을 반환 한다.
5. History 객체 속성과 함수
length - 현재 브라우저 창의 History 목록에 있는 항목의 개수를 반환한다.
back() - 이전 페이지를 현재 화면에 불러온다.
forward() - 다음 페이지를 현재 화면에 불러온다.
go() - 현재 페이지를 기준으로 상대 위치에 있는 페이지를 현재 화면에 불러온다.
go(1)은 다음 페이지를 가져오고, go(-1)은 이전 페이지를 가져온다.
6. Location 객체 속성과 함수
hash - URL 중 #으로 시작하는 해시 부분을 나타낸다.
host - URL의 호스트 이름과 포트 번호를 나타낸다.
hostname - URL의 호스트 이름을 나타낸다.
href - 전체 URL을 표시한다.
pathname - URL 경로를 나타낸다.
port - URL의 포트 번호를 나타낸다.
protocol - URL의 프로토콜을 나타낸다.
password - password 정보를 저장한다.
search - URL 중 ?로 시작하는 검색 내용 부분을 나타낸다.
username - username 정보를 저장한다.
assign() - 현재 문서에 새 문서 주소를 할당해 새 문서를 가져온다.
reload() - 현재 문서를 다시 불러온다.
replace() - 현재 문서의 URL을 지우고 다른 URL의 문서로 교체 한다.
toString() - 현재 문서의 URL을 문자열로 반환한다.
댓글 없음:
댓글 쓰기