윈도우 창 생성
버튼에 이벤트를 주어 open을 사용해 크기 500의 새 창을 만들도록 한다.
윈도우 창 크기 변경 - resizeTo( )
이번에도 다른 버튼에 이벤트를 주어
만약 newWindow가 있다면 resizeTo를 통해 500이었던 크기를 300으로 변경하도록 한다.
resizeTo함수는 새 창이 존재할 때만 사용가능하다.
윈도우 위치 이동 - moveTo( )
생성된 newWindow창을 moveTo를 이용해 200의 위치로 이동시킨다.
창이 어느 위치에 있던 이동버튼을 누르면 200,200의 위치로 이동한다.
윈도우 위치 이동 - moveBy( )
생성된 newWindow창을 moveBy를 사용해 200만큼 이동시킨다.
moveBy는 해당 윈도우를 일정 위치만큼 이동하는 것을 볼 수 있다.
윈도우 위치 출력
screenLeft,Top함수를 사용해 윈도우의 위치를 콘솔에 찍어본다.
'Front-end > JavaScript' 카테고리의 다른 글
| [자바스크립트] 이미지에 애니메이션 이징 효과 주기, easing (0) | 2022.06.11 |
|---|---|
| [자바스크립트] 스크롤 위치 구하기, 스크롤 맨 위로, 위치 이동 (0) | 2022.06.11 |
| [자바스크립트] js로 웹 문서, 스크린, 브라우저의 크기 구하기 (0) | 2022.06.09 |
| [자바스크립트] 스크롤 위치, scrollLeft, scrollTop (0) | 2022.06.07 |
| [자바스크립트] width, height, padding, margin, border를 포함한 크기 구하기 (0) | 2022.06.06 |