자바스크립트를 사용하면 특정한 사이트로 이동하거나 새 탭을 여는 등 웹 브라우저와 관련된 여러 가지 효과를 만들 수 있음. 이러한 작업이 가능한 이유는 자바스크립트 내에 웹 브라우저와 관련된 여러 객체가 미리 정의되어 있기 때문임.
자바 스크립트 내장 객체
window: 브라우저 창이 열릴 때마다 하나씩 만들어짐. 브라우저 창 안의 요소 중에서 최상위에 있음.document: 웹 문서마다 하나씩 있으며<body>태그를 만나면 만들어짐. HTML 문서의 정보가 담겨 있음.navigator: 현재 사용하는 브라우저의 정보가 들어있음.history: 현재 창에서 사용자의 방문 기록을 저장함.location: 현재 페이지의 URL 정보가 담겨 있음.screen: 현재 사용하는 화면 정보를 다룸.
window 객체의 프로퍼티
window 객체의 프로퍼티는 주로 웹 브라우저 창의 정보를 가져오거나 값을 바꿀 때 사용함. 프로퍼티를 사용하려면 window.hullScreen처럼 프로퍼티 이름 앞에 window. 을 붙임.
document: 브라우저 창에 표시된 웹 문서에 접근할 수 있음.frameElement: 현재 창이 다른 요소 안에 포함되어 있을 경우 그 요소를 반환하고, 반대로 포함되어 있지 않으면 null을 반환innerHeight: 내용 영역의 높이를 나타냄.innerWidth: 내용 영역의 너비를 나타냄.localStorage: 웹 브라우저에서 데이터를 저장하는 로컬 스토리지를 반환함.location: window 객체의 위치 또는 현재 URL을 나타냄.name: 브라우저 창의 이름을 가져오거나 수정outerHeight: 브라우저 창의 바깥 높이를 나타냄.outerWidth: 브라우저 창의 바깥 너비를 나타냄.pageXoffset: 스크롤했을 때 수평으로 이동하는 픽셀 수로 scrollX와 같음.pageYoffset: 스크롤했을 때 수직으로 이동하는 픽셀 수로 scrollY와 같음.parent: 현재 창이나 서브 프레임의 부모screenX: 브라우저 창의 왼쪽 테두리가 모니터 왼쪽 테두리에서 떨어져 있는 거리screenY: 브라우저 창의 위쪽 테두리가 모니터 위쪽 테두리에서 떨어져 있는 거리scrollX: 스크롤했을 때 수평으로 이동하는 픽셀 수scrollY: 스크롤했을 때 수직으로 이동하는 픽셀 수sessionStorage: 웹 브라우저에서 데이터를 저장하는 세션 스토리지를 반환
window 객체의 메서드
alert(): 알림 창을 표시blur(): 현재 창에서 포커스를 제거close(): 현재 창을 닫음.confirm(): [확인], [취소] 버튼이 있는 확인 창을 표시focus(): 현재 창에 포커스를 부여moveBy(): 현재 창을 지정한 크기만큼 이동moveTo(): 현재 창을 지정한 좌표로 이동open(): 새로운 창을 오픈postMessage(): 메시지를 다른 창으로 전달print(): 현재 문서를 인쇄prompt(): 프롬프트 창에 입력한 텍스트를 반환resizeBy(): 지정한 크기만큼 현재 창의 크기를 조절resizeTo(): 동적으로 브라우저 창의 크기를 조절scroll(): 문서에서 특정 위치로 스크롤scrollBy(): 지정한 크기만큼씩 스크롤scrollTo(): 지정한 위치까지 스크롤sizeToContent(): 내용에 맞게 창의 크기를 맞춤stop(): 로딩을 중지함.
