브라우저 객체 모델(BOM)

1. window 객체

브라우저에서는 자바스크립트가 구동되기 위한 환경과 여러 가지 기능을 제공하고 있다. 브라우저가 제공하는 여러 가지 기능들은 window 인터페이스를 통해 사용 할 수 있다.

사진 출처 :
https://www.freecodecamp.org/news/whats-the-document-object-model-and-why-you-should-know-how-to-use-it-1a2d0bc5429d/

window 인터페이스는 일반적으로 두 가지 의미가 있다.

1. 브라우저 환경에서의 자바스크립트를 의미한다.

//전역 함수로 선언
function sayHelloWorld(){
 console.log('hello world'); 
}

// 전역 함수에 window 객체를 통해 접근
console.log(window.sayHelloWorld()); //hello world

2. 브라우저 창(window)를 의미한다. 창을 닫거나 경고 메시지를 출력하고, 새 창을 띠우는 등 여러 메소드를 제공한다.

//alart 메서드 사용
window.alert('Hello world');

//창 내부의 너비 출력
console.log(window.innerWidth);
//창 열기
window.open("https://google.com");
//창 닫기
window.close();

• window로 접근할 수 있는 메서드나 변수는 window가 생략된 상태에서 사용할 수 있다.

alert('Hello world');
console.log(innerWidth);
open("https://google.com");
close();

출처 : 기초부터 완성까지 프런트엔드(비제이퍼블릭)