티스토리 뷰
브라우저 객체 모델 : 웹 브라우저에서 제공하는 객체
window.innerWidth : 웹브라우저 화면 너비
window.ineerHeight : 웹브라우저 화면 높이
window.outerWidth : 웹브라우저 창의 너비 (스크롤 포함)
window.outerHeight : 웹브라우저 창의 높이 (스크롤 포함) 등 여러가지 속성들이 있음
window.open('파일이름', '팝업창이름', '기타설정들') : 새로운 창을 오픈할 때 사용
window.close() : 팝업을 닫게 해주는 메소드
window.scrollTo(100, 200); : 특정 x좌표와 y좌표로 한번에 이동
window.scrollBy(100, 200); : 특정 x좌표, y좌표 만큼 이동
+ behavior:'smooth'를 사용하면 부드럽게 이동함
브라우저 객체 관련 추가 자료
'Web > JS' 카테고리의 다른 글
JS - 이벤트 (0) | 2024.02.23 |
---|---|
JS - 문서 객체 모델, DOM (0) | 2024.02.21 |
JS - 표준 내장 객체 (0) | 2024.02.20 |
JS - 객체 (0) | 2024.02.20 |
JS - 함수2 (0) | 2024.02.20 |