JavaScript/Basic
브라우저와 관련된 객체
yunajoe
2023. 1. 24. 19:17
자바스크립트의 내장 객체
종류 | 설명 |
window | 브라우저 창이 열릴 때마다 하나씩 만들어진다. 브라우저 창 안의 요소 중에서 가장 최상위에 있음 |
document | 웹 문서마다 하나씩 있으며 body 태그를 만나면 만들어진다 HTMl 문서의 정보가 담겨져 있다 |
navigator | 현재 사용하는 브라우저의 정보가 들어가 있다 |
history | 현재 창에서 사용자의 방문 기록을 저장한다 |
location | 현재 페이지의 URL정보가 담겨져 있다 |
screen | 현재 사용하는 화면 정보를 다룬다 |
window객체의 프라퍼티
종류 | 설명 |
document | 브라우저 창에서 웹 문서에 접근할 수 있다 |
frameElement | 현재 창이 다른 요소 안에 포함되어 있을 경우 그 요소를 반환하고, 반대로 포함되어 있지 않으면 null을 반환한다 |
innerHeight | 내용 영역의 높이를 나타낸다 |
innerWidth | 내용 영역의 너비를 나타낸다 |
innerStorage | 웹 브라우저에서 |
location | location 객체의 위치 또는 현재 URL을 나타낸다 |
name | 브라우저 창의 이름을 가져오거나 수정한다 |
outerHeight | 브라우저 창의 바깥 높이를 나타낸다 |
outerWidth | 브라우저 차으이 바깥 너비를 나타낸다 |
paperXOffset | 스크롤했을 때 수평으로 이동하는 픽셀 수로 scrollX와 같다 |
paperYOffset | 스크롤했을 때 수평으로 이동하는 픽셀 수로 scrollX와 같다 |
parent | 현재 창이나 서브 프레임의 부모 |
screenX | 브라우저 창의 왼쪽 테두리가 모니터 왼쪽 테두리에서 떨어져 있는 거리를 나타낸다 |
screenY | 브라우저 창의 위쪽 테두리가 모니터 위쪽 테두리에서 떨어져 있는 거리를 나타낸다 |
scrollX | 스크롤했을 때 수평으로 이동하는 픽셀 수를 나타낸다 |
scrollY | 스크롤했을 때 수직으로 이동하는 픽셀 수를 나타낸다 |
sessionStorage | 웹 브라우저에서 데이터를 저장하는 세션 스토리를 반환 |
window객체의 메서드
alert() | 알림 창을 표시한다 |
blur() | 현재 창에서 포커스를 제시한다 |
close() | 현재 창을 닫는다 |
confirm() | 확인, 취소 버튼이 있는 확인 창을 표시한다 |
focus() | 현재 창에 포커스를 표시 |
moveBy() | 현재 창을 지정한 크기만큼 이동한다 |
moveTo() | 현재 창을 지정한 좌표로 이동한다 |
open() | 새로운 창을 연다 |
postMessage() | 메시지를 다른 창으로 전달한다 |
print() | 현재 문서를 인쇄한다 |
prompt() | 프롬프트 창에 입력한 텍스트를 반환한다 |
resizeBy() | 지정한 크기만큼 현재 창의 크기를 조절한다 |
resiezeTo() | 동적으로 브라우저 창의 크기를 조절한다 |
scroll() | |
scrollBy() | |
scrollTo() | |
sizeToContent() | |
stop() |