본문 바로가기
Frontend/JavaScript

[Javascript] 브라우저 환경과 다양한 명세서

by joy_95 2022. 1. 10.

문서 객체 모델(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

반응형