JS 문법 - Window객체, Document객체

강의 소개

현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다.

교재로는 모던 자바스크립트 입문을 사용하고 있습니다.

---

 

자바스크립트 내장 객체

내장 객체

자바스크립트의 내장 객체에는 데이터 타입, 브라우저 타입 2가지가 있다.

데이터 타입	Number, String, Array, Date, Boolean
브라우저 타입	Window

이 장에서는 가장 중요한 객체인 Window객체를 설명한다. 

 

---

 

Window 객체

Window객체는 웹 브라우저의 창(window)을 나타내는 객체이다.

자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 Window객체의 전역 변수가 된다.

Window객체의 모든 메서드는 전역 함수이며, Window객체의 프로퍼티는 전역 변수가 된다.

또한, DOM(문서 객체 모델)의 요소들도 모두 Window객체의 프로퍼티가 된다.

 

함수 이름만 나온 것은 전부 window객체에 포함되어 있는 것이다.

예를 들어, window.alert이지만 window. 를 생략하여 alert로 사용해도 된다.

 

Window객체의 주요 프로퍼티

1. Document객체

Document객체는 창에 표시되고 있는 웹 페이지를 관리한다. 이 객체를 통해 웹 페이지의 내용물인 DOM트리를 읽거나 쓸 수 있다.

window.document 혹은 document로 참조할 수 있다.