Front-end/JavaScript
[자바스크립트] 새 창 만들기, 창 크기 변경, 윈도우 창 이동, 위치출력
파리외 개발자
2022. 6. 10. 00:14
윈도우 창 생성
버튼에 이벤트를 주어 open을 사용해 크기 500의 새 창을 만들도록 한다.
윈도우 창 크기 변경 - resizeTo( )
이번에도 다른 버튼에 이벤트를 주어
만약 newWindow가 있다면 resizeTo를 통해 500이었던 크기를 300으로 변경하도록 한다.
resizeTo함수는 새 창이 존재할 때만 사용가능하다.
윈도우 위치 이동 - moveTo( )
생성된 newWindow창을 moveTo를 이용해 200의 위치로 이동시킨다.
창이 어느 위치에 있던 이동버튼을 누르면 200,200의 위치로 이동한다.
윈도우 위치 이동 - moveBy( )
생성된 newWindow창을 moveBy를 사용해 200만큼 이동시킨다.
moveBy는 해당 윈도우를 일정 위치만큼 이동하는 것을 볼 수 있다.
윈도우 위치 출력
screenLeft,Top함수를 사용해 윈도우의 위치를 콘솔에 찍어본다.