문서객체모델(Document Object Model, DOM)은 웹페이지 내의 모든 콘텐츠를 객체로 나타내주며 DOM은 수정가능하다.
document객체는 웹페이지의 기본 ‘진입점’ 역할을 한다. document 객체를 이용해 페이지 내 컨텐츠를 변경할 수 있고, 추가할 수 있다.
// 배경을 붉은색으로 변경하기
document.body.style.background = "red";
// 1초 후 원상태로 복구하기
setTimeout(() => document.body.style.background = "", 1000);브라우저객체모델(BOM)
navigator객체는 브라우저와 운영체제에 대한 정보를 제공한다.
객체엔 다양한 프로퍼티가 있는데, 가장 잘 알려진 프로퍼티는 현재 사용 중인 브라우저 정보를 알려주는 navigator.userAgent와 브라우저가 실행 중인 운영체제(Windows, Linux, Mac 등) 정보를 알려주는 navigator.platform이다.
location객체는 현재 URL을 읽을 수 있게 해주고 새로운 URL로 변경(redirect)할 수 있게 해준다.
