whatisthis?
javaScript. BOM 본문
❕ 이전 포스팅 참조 (Window 객체)
https://mywebproject.tistory.com/231
javaScript. Window 객체와 BOM
mywebproject.tistory.com
전역 객체 중 document는 따로 DOM이라고 불리고
나머지는 브라우저에 대한 정보를 가져서 BOM이라고 불림.
DOM : Document Object Model
BOM : Browser Object Model
이중에서도 BOM에 대해 알아보자.
📁 navigator
- 브라우저 or 운영체제에 대한 정보.
- userAgent 정보를 바탕으로 분석 (navigator.userAgent)
- 만약 브라우저에 따라 다른 동작을 해야하거나 (쓰레기)IE인지 체크할 때 사용
- 또한 GPS나 핸드폰 배터리 체크기능 有 - 모바일에서도 유용하게 쓰임
navigator.language; // "ko"
navigator.cookieEnabled; // true
navigator.vendor; // "Google Inc"
navigator.appName; // 'Netscape'
📁 screen
- 화면에 대한 정보. (width / height / pixelDepth / colorDept / 화면방향(orientation) 등)
- 화면 크기에 따라 다른 동작을 하고 싶을 때
📁 location
- 주소에 대한 정보 ( 프로토콜 / 호스트 / 호스트명 / 경로명 / href / 포트 / hash속성 등)
- location.reload() = 새로고침
- location.replace() = 현재 주소를 다른 주소로 교체 (단, 이전 페이지 기록이 남지 않음)
📁 history
- 앞으로가기 : history.forward() / history.go(1)
- 뒤로가기 : history.back() / history.go(-1)
- 히스토리간 이동도 가능.
- history.length는 뒤로가기할 수 있는 페이지의 수.
📁 document
- document 객체는 양이 많기 떄문에 추후 포스팅에서 다루도록 함.
REFERENCE
https://www.zerocho.com/category/Javascript/post/573b321aa54b5e8427432946
(JavaScript) Window 객체와 BOM
이번 시간에는 Window 객체에 대해 알아보겠습니다. Window 객체가 뭐냐고요? 바로 브라우저의 요소들과 자바스크립트 엔진, 그리고 모든 변수를 담고 있는 객체입니다. Window 인터넷 브라우저를
www.zerocho.com
이 포스팅은 zerocho님의 javascript 강의를 보고 작성한 글입니다.
공부+기록 용으로 작성한 것이며, 자세한 것은 위 포스팅을 참고하세요!
'WEB STUDY > JAVASCRIPT' 카테고리의 다른 글
| javaScript. IIFE(즉시 호출 함수 표현식) (0) | 2022.01.11 |
|---|---|
| javaScript. 함수 스코프(scope) (0) | 2022.01.10 |
| javaScript. Window 객체 (0) | 2022.01.10 |
| javaScript. call() / bind() / apply() (0) | 2022.01.09 |
| 📁 javaScript. String Method목차 (0) | 2022.01.04 |
