윈도우 이동 - 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]
출력
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
[자바스크립트] 예외 처리 - try catch finally 문 (2) | 2017.08.30 |
---|---|
[자바스크립트] 문서 객체 가져오기 (0) | 2017.08.29 |
[자바스크립트] Date 객체 및 D-day(디데이 날짜 및 시간 계산 (1) | 2017.08.27 |
[자바스크립트] 문서 객체 동적 생성 - createElement(), createTextNode(), appendChild(), innerHTML() (0) | 2017.08.25 |
[자바스크립트] window.resizeTo(), window.resizeBy() - 윈도우 크기 변경 (0) | 2017.08.24 |
댓글