웹 프로그래밍/JavaScript

[JavaScript] 브라우저 객체 모델

0_TLS 2024. 11. 26. 17:59

window 객체의 기본 메소드

* 상대 이동과 절대 이동

 

*OOBy() 형태의 메소드 

-> 현재 윈도우를 기준으로 상대적으로 속성을 변화

*OOTo() 형태의 메소드

-> 절대적인 기준으로 속성을 변화

 

문서 객체 모델

넓은 의미 -> 웹 브라우저가 HTML 페이지를 인식하는 방식

좁은 의미 -> document 객체와 관련된 객체의 집합

- 문서 객체 모델을 사용하면 HTML 페이지에 태그를 추가, 수정, 제거할 수 있음

- 태그 => HTML 페이지에 존재하는 html이나 body 태그를 '태그'라고 부름

- 문서 객체 => html이나 body 태그를 자바스크립트에서 이용할 수 있는 객체로 만들면 문서 객체임

 

 

노드

요소노드 -> HTML태그를 의미

텍스트노드 -> 요소 노드 안에 들어 있는 글자를 의미

 

2024.11.20 - [JavaScript] - 문서 객체 모델 DOM(Document Object Model)