[JavaScript] 브라우저와 호스트 환경

자바스크립트는 웹을 위한 언어로 만들어져 다양한 발전을 거쳐 여러 플랫폼에 지원 가능한 언어가 되었다.

 

자바스크립트가 돌아가는 플랫폼을 '호스트'라고 하며

각 플랫폼의 환경(호스트 환경)마다 특정되는 객체와 함수를 제공한다.

 

window 객체 (최상위 루트 객체)

 

자바스크립트로 웹 브라우저를 제어할 때 사용할 수 있는 기능, 함수, 객체를 알아보면

최상단에 window라는 '루트' 객체가 있고 window 객체는 2가지 역할을 한다.

1. 자바스크립트 코드의 전역 객체이다.
2. 브라우저 창을 대변하고, 이를 제어할 수 있는 메서드를 제공한다.

즉, 전역 함수, 전역 객체로 사용하는 함수들도 window 하위의 메서드이자 객체다.

function hello() {
	alert("Hello JavaScript!");
}

hello();

window.hello();

// 둘 다 작동하며 최상위 루트 객체인 window는 생략 가능

 

DOM 객체 (페이지의 콘텐츠를 제어하는 객체)

문서 객체 모델로 웹 페이지 내의 모든 콘텐츠를 객체로 나타내며 수정 가능하기 때문에

웹 페이지 내 요소를 수정, 추가, 제거하는 등의 제어가 가능함.

 

BOM 객체 (문서 외 브라우저의 환경을 제어하는 객체)

브라우저 객체 모델로 문서 이외의 것들을 제어하며 자바스크립트의 호스트 환경인 브라우저가 제공하는 추가 객체를 나타낸다. (alert. confirm, prompt도 BOM의 일부)

• navigator : 브라우저와 운영체제에 대한 정보를 제공하는 객체.
• location : URL을 제어할 수 있는 객체