Analysis of the difference between BOM and DOM_Basic knowledge
The difference between BOM and DOM
§The realization of various functions of DHTML technology relies on the interaction between the client script and the browser host and the Web page output in the host. This interaction is through the object Achieved by technical means.
§BOM, the Browser Object Model, is an extension API implemented on the basis of the core of client scripts. Through this API, scripts can be used to access all aspects of the browser window and its document objects. BOM was introduced from IE3.0/NS3.0.
§ In the BOM API, the main explicit features of the Web browser, Web pages and their tags, content, etc. are encapsulated into objects, and windows, documents, and elements are accessed through the members provided by these objects. Objects, etc., and based on this, the object's event support mechanism is implemented. There is a certain relationship between all BOM objects.
§ Learning BOM technology is mainly about learning how to use BOM objects using client scripts. Many DHTML functions can be achieved through these encapsulated BOM objects.
§BOM technology is not a standardized web technology and varies from browser to browser. Because of this, the application fields and development prospects of DHTML technology are greatly limited.
§ The BOM technology implemented by different browsers is not unified, which is the main reason for the differences in DHTML technology implementation. Therefore, W3C has expanded, improved, and optimized based on BOM technology and formulated a new unified Technical specification standard, namely DOM (Document Object Model) document object model technology.
§DOM technology was originally a technical specification developed for the parsing and control of XML documents, but it can convert HTML documents into XHTML documents and use DOM technology to access various objects in Web page documents.
§ Currently, W3C has developed three different levels for DOM technical specifications, namely DOM Level 1/2/3. IE5/NS6 begins to fully support DOM Level 1. Sometimes some people also call BOM technology DOM Level 0 [W3C official does not have this statement! ].
§The core of DOM technology is to parse the XML (including XHTML) document structure into a tree structure. Each mark is regarded as a node Node. There is a certain relationship between the nodes, and through these relationships, mutual access.
§DOM technology is closely related to XML technology. The technical content involved is complex and difficult to learn. However, it will be helpful to learn DOM technology after mastering BOM technology.
§ DOM technology can be used not only in scripting languages such as JavaScript, but also widely used in heavyweight programming languages such as Java.
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1670
14
1428
52
1329
25
1274
29
1256
24
What does vue dom mean?
Dec 20, 2022 pm 08:41 PM
DOM is a document object model and an interface for HTML programming. Elements in the page are manipulated through DOM. The DOM is an in-memory object representation of an HTML document, and it provides a way to interact with web pages using JavaScript. The DOM is a hierarchy (or tree) of nodes with the document node as the root.
What is the reason why ref binding to dom or component fails in vue3 and how to solve it
May 12, 2023 pm 01:28 PM
Vue3ref binding DOM or component failure reason analysis scenario description In Vue3, it is often used to use ref to bind components or DOM elements. Many times, ref is clearly used to bind related components, but ref binding often fails. Examples of ref binding failure situations The vast majority of cases where ref binding fails is that when the ref is bound to the component, the component has not yet been rendered, so the binding fails. Or the component is not rendered at the beginning and the ref is not bound. When the component starts to render, the ref also starts to be bound, but the binding between ref and the component is not completed. At this time, problems will occur when using component-related methods. The component bound to ref uses v-if, or its parent component uses v-if to cause the page to
What are the ways to obtain DOM nodes in Vue3
May 11, 2023 pm 04:55 PM
1. Native js gets the DOM node: document.querySelector (selector) document.getElementById (id selector) document.getElementsByClassName (class selector).... 2. Get the instance object of the current component in vue2: because each vue Each component instance contains a $refs object, which stores references to the corresponding DOM elements or components. So by default, the component's $refs point to an empty object. You can first add ref="name" to the component, and then pass this.$refs.
What are the dom and bom objects?
Nov 13, 2023 am 10:52 AM
There are 5 DOM objects including "document", "element", "Node", "Event" and "Window"; 2. "window", "navigator", "location" and "history" and "screen" and other 5 BOM objects.
DOM manipulation guide in PHP
May 21, 2023 pm 04:01 PM
In web development, DOM (DocumentObjectModel) is a very important concept. It allows developers to easily modify and operate the HTML or XML document of a web page, such as adding, deleting, modifying elements, etc. The built-in DOM operation library in PHP also provides developers with rich functions. This article will introduce the DOM operation guide in PHP, hoping to help everyone. The basic concept of DOM DOM is a cross-platform, language-independent API that can
What is the difference between bom and dom
Nov 13, 2023 pm 03:23 PM
BOM and DOM are different in terms of role and function, relationship with JavaScript, interdependence, compatibility of different browsers, and security considerations. Detailed introduction: 1. Role and function. The main function of BOM is to operate the browser window. It provides direct access and control of the browser window. The main function of DOM is to convert the web document into an object tree, allowing developers to Use this object tree to obtain and modify the elements and content of the web page; 2. Relationship with JavaScript, etc.
What are the built-in objects of 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。
Explore the meaning and function of PHP bom
Mar 10, 2024 pm 10:45 PM
The meaning and function of PHPbom In PHP programming, BOM (ByteOrderMark) is a special character sequence used to identify the encoding method and byte order of the file. The BOM is usually inserted at the beginning of the file to allow the parser to identify the encoding, especially for some encoding formats that do not start with ASCII encoding, such as UTF-8. BOM has different functions in different encoding formats. The following will specifically explore the meaning and function of BOM in PHP, and combine it with code examples to add
