window 객체

자바스크립트 Window 객체

자바스크립트 window 객체는 브라우저 윈도우를 나타낸다. 모든 전역 객체는 window 객체의 프로퍼티에 해당하며, 모든 전역 함수는 window 객체의 함수에 해당한다. 다음 예제를 보자.

var x = 10;
var add = function(i,j){return i+j}
window.y = 12;

console.log(window.x);              // 10
console.log(window.add(100,100));   // 200
console.log(y);                     // 12

윈도우 크기

브라우저 윈도우의 크기(툴바와 스크롤바를 포함하지 않은)를 구하려면 다음과 같은 프로퍼티를 이용하면 된다.

window.innerHeight, window.innerWidth는 파이어폭스, 크롬, 인터넷 익스플로러, 오페라, 사파리에서 사용된다.
document.documentElement.clientHeight, document.documentElement.clientWidth, 또는 document.body.clientHeight, document.body.clientWidth는 인터넷 익스플로러 8, 7, 6, 5에서 사용된다.

윈도우 크기를 구하는 예제는 다음과 같다.

var width = window.innerWidth
        || document.documentElement.clientWidth
        || document.body.clientWidth;

var height = window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight;  

console.log(width);     // 1920 (윈도우 크기를 따라 다름)
console.log(height);    // 642 (윈도우 크기에 따라 다름)

윈도우 크기 조정

resizeTo() 메서드는 윈도우의 크기를 픽셀 기준으로 특정 너비와 높이로 조정하는 데 사용되며, 주 윈도우가 아닌 여러분이 만든 팝업 윈도우의 크기만 조정한다. 다음 예제를 보자.

function openwindow()
{
    var w = window.open('','', 'width=100,height=100');
    w.focus();
    w.resizeTo(300,300);
}

openwindow();

window 객체

자바스크립트 Window 객체

윈도우 크기

윈도우 크기 조정

관련 수업