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()