JAVA SCRIPT - Window 객체

본 포스팅은 www.tcpschool.com 에서 가져온 자료와 정보를 바탕으로 적혔음을 밝힙니다. 

Javascript에서 Window 객체는 DOM에서 document 객체가 해당 html문서를 가리키는 객체였던 것처럼,

Window 객체는 해당 브라우저 창을 가리키는 객체이다. 그리고 자바스크립트의 모든 전역 변수와 전역 메소드가 window객체 안에 자동으로 포함된다.

그러니까 window.####는 자바스크립트내에 전역 변수 or 전역 함수인 ####로 그대로 존재한다. 다음을 보자.

위와 같이 된다. 몰론 역도 성립

심지어, DOM에서의 document객체도 전역 변수이기 때문에, window 안에 포함된다.(헉!)

Location 객체

Location객체는 브라우저의 URI 링크와 관련된 일을 해주는 친구이다. 링크를 잘라주는 일도 하고, 다른 링크로 접속도 시켜주는 친구이다.

위와 같은 코드가 있다고 해보자.

위의 location의 프로퍼티인 href, hostname, pathname을 출력하고 있는데, 그 결과는 아래와 같다.

아래의 text와 같이 나오게 된다..

여기서 버튼을 누르면 location 객체의 assign이라는 메소드를 사용하여, www.tcpschool.com에  에 접속하게 된다. 실행을 시키면,,

다음과 같이 화면자체가 아예 바뀌게 된다.

위 처럼 링크와 관련된 일을 해준다.

History

History라는 객체또한 location과 같이 window에 포함되는 객체이고, 얘도 당연히 그냥 history 로 쓸수있다. (window의 프로퍼티이기 때문에)

history는 브라우저에서

다음 빨간 박스 친곳을 가리킨다.

맞다 앞으로 뒤로 왔다갔다 하는 녀석.

그래서 현재 브라우저에서 history가 총 몇개 쌓여있는지 알려주는 length 프로퍼티와

앞으로 가는 forward 뒤로가는 back 앞이나 뒤로 가는 go 메소드가 있다.

보여주고 싶지만, 조금 어려워서 그냥 넘어가겠다..!

Screen

Screen 객체는 사용자의 컴퓨터 모니터에 대한 정보를 가지고 있는 객체로, 얘 또한 window에 포함된다.

사용자 모니터 정보까지 안다니 ㄷㄷ.. 무섭다.

위의 코드를 실행하면

아래와 같이 뜬다.

 

다음에는, 간단하게 document의 노드 구성에 대해서 알아보고 싶지만,

오늘은 여기까지 빠르게 마치도록 하겠다.