프로그래밍/자바스크립트

[자바스크립트] window.resizeTo(), window.resizeBy() - 윈도우 크기 변경

오치리일상 2017. 8. 24.

   윈도우 크기 - window.resizeTo(x, y) | window.resizeBy(x, y)

 

window객체의 멤버 메소드(resizeTo(), resizeBy())로 윈도우 크기를 변화 시킨다.

 

       

window.resizeTo(x1, y1) : 윈도우를 화면 (x1, y1) 의 크기를 가진다.

 

window.resizeBy(x2, y2) : 윈도우를 화면을 현 크기에서 (x2, y2) 만큼 증가시킨다.       

 

사용 예

 

 

[script]  // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px');  childWindow.document.write('window resize');  // 윈도우 시작 크기 - 단위 px childWindow.resizeTo(400, 400);	// x=400, y=400의 크기를 가진다.  // 윈도우 크기가 함수 호출할 때 마다 (y = -10px)씩 감소한다. function funcButtonUp(){ 	childWindow.resizeBy(0, -10); }  // 윈도우 크기가 함수 호출할 때 마다 (y = 10px)씩 증가진다. function funcButtonDown(){ 	childWindow.resizeBy(0, 10); }  // 윈도우 크기가 함수 호출할 때 마다 (x = -10px)씩 감소한다. function funcButtonLeft(){ 	childWindow.resizeBy(-10, 0); }  // 윈도우 크기가 함수 호출할 때 마다 (x = 10px)씩 증가한다. function funcButtonRight(){ 	childWindow.resizeBy(10, 0); }  [/script]                

 

 

출력

 

 

 

댓글

💲 추천 글