티스토리 뷰

Web/JS

JS - 브라우저 객체 모델

Codecheck 2024. 2. 20. 17:45

브라우저 객체 모델 : 웹 브라우저에서 제공하는 객체

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 API | MDN (mozilla.org)

'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
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/09   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함