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

[자바스크립트] window.moveBy() window.moveTo() - window 이동하기

오치리일상 2017. 8. 28.

   윈도우 이동 - window.moveTo(x, y) | window.moveBy(x, y)

 

window객체의 멤버 메소드(moveTo(), moveBy())로 윈도우를 이동 시킨다.

 

 

 

window.moveTo(x1, y1) : 윈도우를 화면 (x1, y1) 에 위치시킨다.

 

window.moveBy(x2, y2) : 윈도우를 화면 현 위치에서 (x2, y2) 만큼 이동시킨다.

 

 

사용 예

 

[script] // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px');  childWindow.document.write('window move');  // 윈도우 시작 좌표 - 단위 px childWindow.moveTo(100, 100);	// x=100, y=100에 위치한다.  // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (y = -10px)씩 이동한다. function funcButtonUp(){ 	childWindow.moveBy(0, -10); }  // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (y = 10px)씩 이동한다. function funcButtonDown(){ 	childWindow.moveBy(0, 10); }  // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (x = -10px)씩 이동한다. function funcButtonLeft(){ 	childWindow.moveBy(-10, 0); }  // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (x = 10px)씩 이동한다.azc function funcButtonRight(){ 	childWindow.moveBy(10, 0); } [/script]               

 

 

출력

 

 

 

 

 

 

 

 

댓글

💲 추천 글