Frontend/JavaScript
[Javascript] 브라우저 환경과 다양한 명세서
joy_95
2022. 1. 10. 15:14
문서 객체 모델(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
반응형