티스토리 뷰

JavaScript & jQuery

[JavaScript] DOM / BOM

Jane Kwon 2021. 2. 10. 14:27
반응형

 

DOM

DOM (Document Object Model)

- 문서에 대한 모든 내용을 담고있는 객체로, 문서 즉 열려진 페이지에 대한 정보를 따로 객체화하여 관리

 

예를 들어 아래와 같은 태그가 있다면

<div id="here">This element is div</div>

아래와 같이 ID 로 접근 가능하도록 해주는 역할이 DOM

document.getElementById('here').innerHTML = 'I want change this HTML';

 

 

 

DOM 은 Document 즉, 현재 문서에 대한 변형과 제어를 담당했다면,
BOM 은 Window 프로퍼티에 속해서 document 변형이 아닌 window 를 제어한다.

 

 

 

BOM

BOM (Browser Object Model)

- 브라우저에 대한 모든 내용을 담고있는 객체로,
   브라우저가 가지고 있는 정보를 따로 객체화하여 관리 (ex: 뒤로가기, 히스토리, URL 정보 등)

 

예를 들어 alert, window.location, window.open, window.close 같은 기능들

// 뒤로가기
history.back();
// 현재 페이지 URL 전환
location.href = "www.google.com";

(참고 : www.w3schools.com/js/js_htmldom.asp)

 

 

 

 

 

반응형
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함