window 객체

Javascript의 window 객체에 대해 알아보았다.

웹페이지의 트리구조를 나타내면 다음과 같습니다.

JS

.Windows Object

..HTML, CSS

window 객체는 JavaScript 실행시 가장 상위의 존재하는 객체이며

JavaScript에서 변수나 함수를 선언하면 이 객체에 선언이 됩니다.

아래의 사진을 보면 더 잘 이해될 것 이다.

웹페이지에서 F12를 누르면 Console이 나오는데 해당 콘솔에서 window를 쳐보면

현재 표시된 웹에 대한 정보를 알 수 있습니다.

•  window.location
  
   : 현재 브라우저 창의 주소정보를 리턴합니다.
  
  
•  window.location.href 
  
   : 브라우저 창에 입력된 주소입니다. 이 값을 수정하면 보고있는 페이지가 바뀝니다.
  
  
•  window.navigator
  
   : 브라우저 자체에 대한 정보입니다.
   , window.clientInformation도 비슷한 정보를 가지고 있지만 살짝 다릅니다.
  
  
•  window.screen
   
  : 클라이언트의 디스플레이 사이즈의 정보입니다.
  
  
•  window.document
   
  : 웹 페이지 문서의 HTML, CSS 정보에 접근이 가능합니다.
    HTML 에 접근 > document.head, document.body
    CSS에 접근 >  document.style
  
  
•  window.origin
   
   : 이 웹페이지의 루트 주소를 얻을수 있다.
   ex ) https://programmers.co.kr/learn/courses/10/lessons/155 
   origin ) https://programmers.co.kr
  

이 외에도 다양한 옵션이 있습니다.