window Object [Browser Object Model(BOM)]

 

window Object

window 객체는 브라우저에 의해 자동으로 생성되며 웹 브라우저의 창(window)을 나타낸다. 

또한 window 은 브라우저의 객체이지 javascript의 객체가 아니다. 

 

1. 브라우저의 창에 대한 정보를 알 수 있고, 이 창을 제어하고 할 수도 있다. 

2. 또한 var 키워드로 변수를 선언하거나 함수를 선언하면 이 window 객체의 프로퍼티가 된다.

 

 

 

 

 

대표적인 window Object 사용 예시

// Alert
alert('Hello World!');

// Prompt
const input = prompt();

alert(input);

// Confirm
if (confirm('Yes or No')) {
  console.log('YES');
} else {
  console.log('NO');
}

 

 

let val;

// Outter height and width
val = window.outerHeight;
val = window.outerWidth;

// Inner height and width
val = window.innerHeight;
val = window.innerWidth;

// Scroll points
val = window.scrollY;
val = window.scrollX;

console.log(val);

 

// Location Object
val = window.location;

val = window.location.hostname;
val = window.location.port;

val = window.location.href;
val = window.location.search;

// Redirect
window.location.href = 'http://google.com';

//Reload
window.location.reload();

// History Object

window.history.go(-2);
val = window.history.length;

// Navigator Object
val = window.navigator;

val = window.navigator.userAgent;
val = window.navigator.language;

console.log(val);

location 객체에는 현재 URL에 대한 정보가 포함되어 있다.

history 객체에는 사용자가 방문한 URL(브라우저 창에서)이 포함된다.

navigator 객체에는 브라우저에 대한 정보가 포함되어 있다.