브라우저와 관련된 객체

김도훈·2022년 6월 12일
0

자바스크립트의 내장 객체

종류설명
window브라우저 창이 열릴 때마다 하나씩 만들어 집니다. 브라우저 창 안의 요소 중에서 최상위
document웹 문서마다 하나씩 존재하며 body를 만나면 만들어짐 html문서의 정보가 들어있음
navigator현재 사용하는 브라우저의 정보
history사용자의 방문 기록을 저장
location페이지의 url정보
screen현재 화면 정보

window 객체의 프로퍼티

기본 형태 window.프로퍼티명 으로 실행

종류설명
document브라우저 창에 표시된 웹 문서에 접근
frameElement현재 창이 다른 요소 안에 포함되어 있을 경우 그 요소를 반환하고, 반대로 포함되어 있지 않으면 null을 반환
innerHeight내용 영역의 높이
innerWidth내용 영역의 너비
localStorage웹 브라우저에서 데이터를 저장하는 로컬 스토리지
locationwindow 객체의 위치 또는 현재 url
name브라우저 창의 이름을 가져오거나 수정
outerHeight브라우저 창의 바깥 높이
outerWidth브라우저 창의 바깥 너비
pageXOffset스크롤했을 때 수평으로 이동하는 픽셀 수
pageYOffset스크롤했을 때 수직으로 이동하는 픽셀 수
parent현재 창이나 서브 프레임의 부모
screenX브라우저 창의 왼쪽 테두리에서 떨어져 있는 거리
screenY브라우저 창의 위쪽 테두리가 모니터 위쪽 테두리에서 떨어져 있는 거리
scrollXpageXOffset과 동일
scrollYpageYOffset과 동일
sessionStorage웹 브라우저에서 데이터를 저장하는 세션 스토리지

window 객체의 메서드

window.을 생략

종류설명
alert()알림 창을 표시
blur()현재 창에서 포커스를 제거
close()현재 창을 닫습니다
confirm()확인,취소버튼이 있는 확인 창을 표시
focus()현재 창에 포커스
moveBy()현재 창을 지정한 크기만큼 이동
moveTo()현재 창을 지정한 좌표로 이동
open()새로운 창
postMessage()메시지를 다른 창으로 전달
print()현재 문서를 인쇄
prompt()프롬프트 창에 입력한 텍스트를 반환
resizeBy()지정한 크기만큼 현재 창의 크기를 조절
resizeTo()동적으로 브라우저 창의 크기를 조절
scroll()문서에서 특정 위치로 스크롤
scrollBy()지정한 크기만큼 스크롤
scrollTo()지정한 위치까지 스크롤
sizeToContent()내용에 맞게 창의 크기를 맞춥니다
stop()로딩을 중지

0개의 댓글