window 객체 기본메서드

window 객체 기본 메서드

window 객체의 기본 메서드

메서드	설명
moveBy(x,y)	윈도우 위치를 상대적으로 이동
moveTo(x,y)	윈도우 위치를 절대적으로 이동
resizeBy(x,y)	윈도우 크기를 상대적으로 지정
resizeTo(x,y)	윈도우 크기를 절대적으로 지정
scrollBy(x,y)	윈도우 스크롤 위치를 상대적으로 이동
scrollTo(x,y)	윈도우 스크롤 위치를 절대적으로 이동
focus()	윈도우에 초점을 맞춤
blur()	윈도우에 초점을 제거
close()	윈도우를 닫는다

ooBy() 형태는 윈도우를 기준으로 상대적으로 속성을 변화 시키고 ooTo() 형태의 메서드는 절대적 기준으로 속성을 변화 시킨다.

ex) moveBy() 와 moveTo() 차이 

// 변수pop 에 사이즈 300 x 300 의 팝업창을 담는다.

var pop = window.open('','test','width=300, height=300');

pop.moveTo(0,0); // 절대적위치 0,0 지정

var intervalID = setInterval(function(){ // 1초마다 반본 실행

  pop.moveBy(20,20); // 왼쪽, 아래쪽으로 20씩 이동한다.

},1000);

setTimeout(function(){  // 5초뒤 한번 실행

  clearInterval(intervalID);  // 반복실행되던 setInterval() 을 정지 시킨다. 

},5000)

첫 실행시 절대적 위치 

첫 시작점 절대적 위치를 벗어나 왼쪽, 아래쪽으로 20씩 상대적으로 이동한 위치