window 객체

최상단에는 window라고 불리는 루트 객체가 있다. 다음 두 가지 역할을 한다.

  1. 자바스크립트 코드의 전역 객체
  2. 브라우저 창을 대변하고, 이를 제어할 수 있는 메서드 제공
function sayHi(){
	alert("Hi");
}

window.sayHi(); // 전역 함수는 window의 메서드

alert(window.innerHeight); // 창 내부의 높이

문서 객체 모델 (DOM)

DOM은 웹 페이지 내 모든 컨텐츠를 객체로 나타내준다. 이 객체는 수정 가능하다.

document 객체는 페이지의 기본 진입점 역할을 한다. 이를 이용해 페이지 내 그 무엇이든 변경할 수 있고, 원하는 것을 만들 수도 있다.

document.body.style.background = "red";

setTimeout(() => document.body.style.background = "", 1000); 
// 1초 뒤 원상복구

브라우저 객체 모델 (BOM)

BOM은 문서 이외의 모든 것을 제어하기 위해 브라우저(호스트 환경)가 제공하는 추가 객체를 나타낸다.

  1. navigator 객체

    : 브라우저와 운영체제에 대한 정보를 제공한다.

  2. location 객체

    : 현재 URL을 읽을 수 있게 해 주고, 새로운 URL로 변경할 수 있게 해 준다.