자바스크립트 window 객체에 대해서

자바스크립트에서 window객체는 브라우저 창을 나타내며, 모든 브라우저에서 지원된다.

마이소프트 Edge를 실행시켰다.

여기 보이는 이창을 모두 나타내는 객체가 바로  window이다.

 

자바스크립트 DOM 역시 window 객체의 하부 객체이다.

DOM은 화면 안의 웹 문서를 모두 객체 구조화 하여 DOM이란 객체에 담아낸다.

자주 쓰이는 하기 루틴에서도 사실은 window 가 생략되어 있다.

 

document.getElementById("header");

 

[생략되기 전]

window.document.getElementById("header");

 

window 가 창을 나타내고, document는 그 안의 내용을 객체로 담은 것이기에

window는 당연하다고 보는 것이다.

창을 나타내는 window는 당연히 하기처럼 여러 일을 해낼 수 있다.

 

• window.innerHeight- 브라우저 창의 내부 높이(픽셀 단위)
• window.innerWidth- 브라우저 창의 내부 너비(픽셀 단위)

• window.open()- 새 창을 엽니다
• window.close()- 현재 창을 닫습니다
• window.moveTo()- 현재 창을 이동합니다
• window.resizeTo()- 현재 창의 크기를 조정합니다

Good!