document 객체
-
게시물 수정 , 삭제는 로그인 필요
document객체가 dom객체로 알고있는데 bom내장객체에 document객체가 포함되어있네요…뭐죠..?
#document 객체 #js document 객체 #window 객체 document 객체
document 객체
#document 객체 #js document 객체 #window 객체 document 객체
익명 작성일 -
◆ 안녕하세요, 경제 분야 중기청년입니다. ◆
[질문]
document객체가 dom객체로 알고있는데 bom내장객체에 document객체가 포함되어있네요…뭐죠..?
[답변]
document 객체는 실제로 DOM (Document Object Model)의 일부입니다만, BOM (Browser Object Model)과도 밀접한 관계가 있습니다. 이러한 혼동이 발생하는 이유를 설명하겠습니다.
DOM (Document Object Model)
DOM은 HTML과 XML 문서의 프로그래밍 인터페이스입니다. 웹 페이지의 콘텐츠, 구조, 스타일을 읽고 조작하기 위한 객체 기반의 모델을 제공합니다.
document 객체는 DOM의 진입점으로, 웹 페이지의 모든 요소에 접근할 수 있게 해줍니다. 예를 들어, document.getElementById() 또는 document.querySelector() 같은 메서드를 사용해 특정 요소를 찾고 조작할 수 있습니다.
BOM (Browser Object Model)
BOM은 브라우저와 상호작용하기 위한 객체들의 집합입니다. BOM을 통해 브라우저 창을 조작하거나, 사용자의 화면 해상도를 알아내는 등의 작업을 할 수 있습니다.
BOM의 일부로 window 객체가 있으며, 이는 최상위 레벨 객체로서 브라우저 창을 대표합니다. window 객체 내에는 document를 포함하여 location, navigator, history 등과 같은 다른 객체들도 포함되어 있습니다.
document 객체의 위치
document 객체는 기술적으로 DOM에 속하지만, BOM의 window 객체의 프로퍼티로도 접근할 수 있습니다. 즉, window.document를 통해 document 객체에 접근할 수 있습니다. 이러한 이유로 document 객체가 BOM과 관련 있다고 느낄 수 있습니다.
실제로, 웹 페이지에 대한 스크립트는 window 객체를 통해 실행되며, 이를 통해 document 객체와 다른 DOM 요소에 접근합니다.
결론적으로, document 객체는 DOM의 일부입니다만, BOM의 window 객체를 통해 접근되므로, 두 모델 간에는 분명한 구분이 있으면서도 밀접한 연관성이 있습니다. 이러한 구조는 웹 페이지의 콘텐츠와 브라우저 기능 사이의 상호작용을 가능하게 합니다.
좋은 하루 되세요 :)
◆ 안녕하세요, 경제 분야 중기청년입니다. ◆
[질문]
document객체가 dom객체로 알고있는데 bom내장객체에 document객체가 포함되어있네요…뭐죠..?
[답변]
document 객체는 실제로 DOM (Document Object Model)의 일부입니다만, BOM (Browser Object Model)과도 밀접한 관계가 있습니다. 이러한 혼동이 발생하는 이유를 설명하겠습니다.
DOM (Document Object Model)
DOM은 HTML과 XML 문서의 프로그래밍 인터페이스입니다. 웹 페이지의 콘텐츠, 구조, 스타일을 읽고 조작하기 위한 객체 기반의 모델을 제공합니다.
document 객체는 DOM의 진입점으로, 웹 페이지의 모든 요소에 접근할 수 있게 해줍니다. 예를 들어, document.getElementById() 또는 document.querySelector() 같은 메서드를 사용해 특정 요소를 찾고 조작할 수 있습니다.
BOM (Browser Object Model)
BOM은 브라우저와 상호작용하기 위한 객체들의 집합입니다. BOM을 통해 브라우저 창을 조작하거나, 사용자의 화면 해상도를 알아내는 등의 작업을 할 수 있습니다.
BOM의 일부로 window 객체가 있으며, 이는 최상위 레벨 객체로서 브라우저 창을 대표합니다. window 객체 내에는 document를 포함하여 location, navigator, history 등과 같은 다른 객체들도 포함되어 있습니다.
document 객체의 위치
document 객체는 기술적으로 DOM에 속하지만, BOM의 window 객체의 프로퍼티로도 접근할 수 있습니다. 즉, window.document를 통해 document 객체에 접근할 수 있습니다. 이러한 이유로 document 객체가 BOM과 관련 있다고 느낄 수 있습니다.
실제로, 웹 페이지에 대한 스크립트는 window 객체를 통해 실행되며, 이를 통해 document 객체와 다른 DOM 요소에 접근합니다.
결론적으로, document 객체는 DOM의 일부입니다만, BOM의 window 객체를 통해 접근되므로, 두 모델 간에는 분명한 구분이 있으면서도 밀접한 연관성이 있습니다. 이러한 구조는 웹 페이지의 콘텐츠와 브라우저 기능 사이의 상호작용을 가능하게 합니다.
좋은 하루 되세요 :)
html5) window객체 VS document객체...
... 1>window객체랑 document객체 차이점이 궁금합니다. 2>웹폰트를 사용할때 DOMContentLoaded 이벤트를 안쓰고 load이벤트를 쓰는지도 궁금합니다! 두 이벤트의...
document객체들에 대해서 질문요
... 위에있는 document객체들의 일부몇가지인데 이것들이 실무에서 많이 주로 쓰는거라고 알고잇습니다 그렇다면 이것들의 기능은 먼지 어떤 뜻인지좀...
iframe의 document 객체 얻어오기
... iframe의 document 객체를 얻어오는 과정에서 문제가 생긴 것 같은데 어떻게 수정하면 될까요? 어차피 타 호스트 페이지는 컨트롤 불가합니다....
자바스크립트 document객체 좀...
document객체중에 document.all이란게 어떤거져?? document.all이란게 어떤건지요.. document.all을 쓰는 이유는? HTML문서상의 FORM안에 있는 객체에 접근하려면 document.폼이름....
document객체질문요.
... document.form은 forms를 생략하고 단일 객체명을 명시했기에 단일 객체라고 생각하실 수도 있지만, 실제 form이름으로 된 복수 객체가 존재한다면 이또한 복수의 객체...
자바스크립트 document 객체 질문.
... location 객체는 사실 document 객체가 아니라 window객체의 하위 객체입니다. 따라서 document.location 가 아니라 window.location 이 옳은 표현입니다. 뭐...
자바스크립트 document객체 질문요.
document객체 많은 함수가있는데요 그중에서 업무를 중점접으로 접하게 되면 자주쓰는거나 많이쓰는거가 있을껀데 그게 먼지...
에서 .. DIalog 에서 document 객체
... pdoc->m_ncount++ 근데 다이어로그 대화상자에서 작업할때는 document 클래스의 객체를 어떻게 얻어오나요 답변 부탁드립니다. 두가지...
document객체 주요속성
anchors linkcolor 이둘을 어떻게 어떤식으로 써야하는지 알려주세요 HTML5 최신 표준에서 document 객체의 anchors와 alinkcolor 프로퍼티는...
자바스크립트 document객체중에,,
... documnet객체가 여러개 있던데;; 그중에 document.frm 이라는게 있나요?; 찾아보니깐 없던데;; 그런데 이게 사용중인 소스에서 본거거든요,, document.frm이게 몹니까...