BOM과 DOM의 차이 분석_기본지식-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

BOM과 DOM의 차이 분석_기본지식

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:17 PM

bomdom

BOM과 DOM의 차이점

§DHTML 기술의 다양한 기능 구현은 클라이언트 스크립트와 브라우저 호스트 및 호스트의 웹 페이지 출력 간의 상호 작용에 따라 이루어집니다. 기술적 수단.

§BOM(브라우저 개체 모델)은 클라이언트 스크립트의 핵심을 기반으로 구현된 확장 API입니다. 이 API를 통해 스크립트를 사용하여 브라우저 창과 해당 문서 개체의 모든 측면에 액세스할 수 있습니다. BOM은 IE3.0/NS3.0부터 도입되었습니다.

§ BOM API에서는 웹 브라우저의 주요 명시적 기능, 웹 페이지와 해당 태그, 콘텐츠 등이 객체로 캡슐화되고 창, 문서 및 요소는 다음에서 제공하는 멤버를 통해 액세스됩니다. 이러한 객체 등을 기반으로 객체의 이벤트 지원 메커니즘이 구현됩니다. 모든 BOM 객체 사이에는 일정한 관계가 있습니다.

§ BOM 기술 학습은 주로 클라이언트 스크립트를 사용하여 BOM 개체를 사용하는 방법을 배우는 것입니다. 이러한 캡슐화된 BOM 개체를 통해 많은 DHTML 기능을 구현할 수 있습니다.

§BOM 기술은 표준화된 웹 기술이 아니며 브라우저마다 다릅니다. 이로 인해 DHTML 기술의 응용 분야와 개발 전망은 크게 제한됩니다.

§ 서로 다른 브라우저에서 구현하는 BOM 기술은 통일되지 않았는데, 이것이 DHTML 기술 구현의 차이의 주된 이유입니다. 따라서 W3C는 BOM 기술을 기반으로 확장, 개선, 최적화하여 새로운 통합 기술을 공식화했습니다. 기술 사양 표준, 즉 DOM(Document Object Model) 문서 개체 모델 기술입니다.

§DOM 기술은 원래 XML 문서의 구문 분석 및 제어를 위해 개발된 기술 사양이지만 HTML 문서를 XHTML 문서로 변환하고 DOM 기술을 사용하여 웹 페이지 문서의 다양한 개체에 액세스할 수 있습니다.

§ 현재 W3C는 DOM 기술 사양에 대해 세 가지 레벨, 즉 DOM 레벨 1/2/3을 개발했습니다. IE5/NS6은 DOM 레벨 1을 완전히 지원하기 시작합니다. 때때로 어떤 사람들은 BOM 기술을 DOM 레벨 0이라고 부르기도 합니다. [W3C 공식에는 이 진술이 없습니다! ].

§DOM 기술의 핵심은 XML(XHTML 포함) 문서 구조를 트리 구조로 파싱하는 것입니다. 각 마크는 노드로 간주되며, 노드 간에는 일정한 관계가 있습니다. , 상호 액세스.

§DOM 기술은 XML 기술과 밀접한 관련이 있습니다. 관련된 기술 내용은 복잡하고 배우기 어렵습니다. 그러나 BOM 기술을 마스터한 후에 DOM 기술을 배우는 것이 도움이 될 것입니다.

§ DOM 기술은 JavaScript와 같은 스크립팅 언어뿐만 아니라 Java와 같은 중량급 프로그래밍 언어에서도 널리 사용될 수 있습니다.

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

Vue3获取DOM节点的方式有哪些May 11, 2023 pm 04:55 PM

1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2.vue2中获取当前组件的实例对象：因为每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。所以在默认情况下，组件的$refs指向一个空对象。可以先在组件上加上ref="名字"，然后通过this.$refs.

PHP中的DOM操作指南May 21, 2023 pm 04:01 PM

在网页开发中，DOM（DocumentObjectModel）是一个非常重要的概念。它可以让开发者轻松地对一个网页的HTML或XML文档进行修改和操作，比如添加、删除、修改元素等。而PHP中内置的DOM操作库也为开发者提供了丰富的功能，本文将介绍PHP中的DOM操作指南，希望可以帮助到大家。DOM的基本概念DOM是一个跨平台、独立于语言的API，它可以将

vue dom是什么意思啊Dec 20, 2022 pm 08:41 PM

dom是一种文档对象模型，同时也是用于html编程的接口，通过dom来操作页面中的元素。DOM是HTML文档的内存中对象表示，它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构（或树），其中document节点作为根。

vue3中ref绑定dom或组件失败的原因是什么及怎么解决May 12, 2023 pm 01:28 PM

vue3ref绑定dom或者组件失败原因分析场景描述在vue3中经常用到使用ref绑定组件或者dom元素的情况，很多时候，明明使用ref绑定了相关组件，但是经常ref绑定失败的情况。ref绑定失败情况举例ref绑定失败的绝大多数情况是，在ref和组件绑定的时候，该组件还未渲染，所以绑定失败。或者组件刚开始未渲染，ref未绑定，当组件开始渲染，ref也开始绑定，但是ref和组件并未绑定完成，这个时候使用组件相关的方法就会出现问题。ref绑定的组件使用了v-if,或者他的父组件使用了v-if导致页面

dom和bom对象有哪些Nov 13, 2023 am 10:52 AM

dom和bom对象有：1、“document”、“element”、“Node”、“Event”和“Window”等5种DOM对象；2、“window”、“navigator”、“location”、“history”和“screen”等5种BOM对象。

bom和dom有什么区别Nov 13, 2023 pm 03:23 PM

bom和dom在作用和功能、与JavaScript的关系、相互依赖性、不同浏览器的兼容性和安全性考虑等方面都有区别。详细介绍：1、作用和功能，BOM的主要作用是操作浏览器窗口，它提供了浏览器窗口的直接访问和控制，而DOM的主要作用则是将网页文档转换为一个对象树，允许开发者通过这个对象树来获取和修改网页的元素和内容；2、与JavaScript的关系等等。

dom内置对象有哪些Dec 19, 2023 pm 03:45 PM

dom内置对象有：1、document；2、window；3、navigator；4、location；5、history；6、screen；7、document.documentElement；8、document.body；9、document.head；10、document.title；11、document.cookie。