문서 객체 모델(DOM)
✔️ Document Object Model
✔️ 웹 페이지 내의 모든 콘텐츠를 객체로 나타내준다.
✔️ document 객체로 페이지 내의 요소들에 진입할 수 있으며 변경하고 원하는 것도 만들 수 있다.
브라우저 객체 모델(BOM)
✔️ Browser Object Model
✔️ 문서 이외의 모든 것을 제어하기 위해 브라우저가 제공하는 추가 객체
navigator 객체
- 브라우저와 운영체제에 대한 정보를 제공
- navigator.userAgent : 현재 사용 중인 브라우저 정보를 알려줌.
- navigator.platform : 브라우저가 실행 중인 운영체제를 알려줌.
location 객체
- 현재 URL 을 읽을 수 있게 해주고 새로운 URL로 변경할수 있게 해준다.
//현재 URL을 보여줌.
console.log(location.href);
//confirm 확인 누를 시 네이버로 이동하기
if( confirm("네이버로 이동하시겠습니까?")){
location.href = "https://www.naver.com";
}
요약
- DOM으로 페이지 내의 요소들에 접근하여 변경하고 생성할 수 있다.
- BOM은 문서 이외의 것들을 제어할 수 있으며 대표적으로 navigator, location객체가 있다.
Reference
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[Javascript] 배열 메소드 연습문제 (0) | 2022.01.10 |
---|---|
[Javascript] DOM 탐색 (0) | 2022.01.10 |
[Javascript] setTimeout / setInterval (0) | 2022.01.07 |
[Javascript] Object.keys, values, entries (0) | 2022.01.07 |
[Javascript] 구조 분해 할당 (0) | 2022.01.07 |