[javascript] DOM 과 BOM

DOM (Documnet Object Model)

html 태그 트리구조화된 형태

• HTML,XML 등과 같은 문서를 다루기 위한 독립적인 문서 모델 인터페이스
• 문서가 구조화되어 있으며 각 요소는 객체로 취급
• DOM이 있으면 자바스크립트로 동적인 구현이 가능
• html과 javascript의 연결을 해줌

BOM(Browser Object Model)

• 자바스크립트가 브라우저와 소통하기 위한 모델
• 브라우저나 윈도우 웹페이지 일부를 제어 가능
• 브라우저 윈도우 자체를 지칭 window를 제어한다.
• 메소드 =  window(웹 브라우저 창 객체), location, history(뒤로가기 몇 번남았는지), screen(화면 해상도정보) 같은 것들이 있다.
• ex : window.open() , window.close() // 팝업창 띄우고 닫을 때 사용