윈도우 크기 설정하기(resizeTo)

resizeTo()

window.resizeTo(width,height)

 

Window객체에서 제공하는 resizeTo() 메서드를 이용하면 윈도우 크기를 변경할 수 있다.

하지만 이 메서드는 window.open()메서드에 의해서 만들어진 윈도우만 크기를 변경할 수 있다.

즉 현재 윈도우 크기 변경은 안된다.

 

 

생성 버튼을 클릭하면 윈도우가 생성되고

크기변경 버튼을 누르면 너비 200~600 / 높이 200~500 사이의 랜덤값으로 윈도우 창 크기가 변경 된다.

하지만 현재 창은 변경이 안됨

<script>
    /*
     너비영역: 200에서 600
     높이영역: 200에서 500
     */
    $(document).ready(function(){
        var newWin =null;
        $("#newWin").click(function(){
            newWin = window.open("", "newWin", "width=200, height=200");
        });

        $("#resize").click(function(){
            var w = 200+Math.floor(Math.random()*400);
            var h = 200+Math.floor(Math.random()*300);
            newWindow.resizeTo(w,h);
        })
    })
</script>

<button id="newWin">생성</button>
<button id="resize">크기변경</button>