


What is the difference between bom and dom in js? Summary of the differences between bom and dom
Everyone who studies js should know that javascript is composed of three parts, ECMAScript, DOM and BOM. The specific manifestations vary depending on the host (browser). Both bom and dom are components of js. So, what is the difference between bom and dom? Next, this article will introduce to you the difference between BOM and DOM in JS. Friends who need it can take a look. I hope it will be helpful to you.
First of all, let’s take a look at the concepts of bom and dom.
1. BOM is the browser object model
Provides objects that interact with the browser window independent of content. Describes the methods and interfaces for interacting with the browser. You can access and operate the browser window. For example, you can pop up a new window, change the text in the status bar, and support cookies. IE also expanded the BOM and added ActiveXObject. Class, ActiveX objects can be instantiated through js scripts, etc.)
2. DOM is the Document Object Model
DOM is a tree-based API for XML. It describes the methods and interfaces for processing web content. It is an API for HTML and XML. DOM plans the entire page into a document composed of node levels. DOM itself is a language-agnostic API, it is not tied to Java, JavaScript or other languages.
After reading the concepts of bom and dom in js, we should be able to easily summarize the difference between bom and dom in js.
One of the differences between bom and dom in js:
1. BOM is the abbreviation of Browser Object Model, which is the browser object model.
BOM is closely related to the browser. Many things in the browser can be controlled through JavaScript, such as opening a new window, opening a new tab (tab), closing the page, setting the web page as the homepage, or adding it to favorites, etc... The objects involved are BOM.
2. DOM is the abbreviation of Document Object Model, which is the document object model.
DOM is related to documents. The documents here refer to web pages, which are HTML documents. The web page is sent by the server to the client browser. No matter what browser is used, the received HTML is the same, so the DOM has nothing to do with the browser. It focuses on the content of the web page itself. Since it has little to do with the browser, the standard can be easily determined.
The second difference between bom and dom in js:
1. There is no relevant standard for BOM.
Since there is no standard, different browsers may require different implementation methods to implement the same function. For the functions mentioned above, different browsers may require different JavaScript codes to implement the functions.
2. DOM is a W3C standard.
Now that there are standards, everyone must follow them. The third difference between BOM and DOM in
js:
1. The most fundamental object of BOM is window.
2. The most fundamental object of DOM is document (actually window.document).
Finally, what needs to be explained is:
1. Although there is no set standard for BOM, the JavaScript codes for common functions of each browser are still similar. The function actually has a default standard. So don’t worry too much about browser compatibility. Not every browser has its own BOM, and you don’t need to learn a set of BOM for each browser. It’s just that some browsers will have new functions that will be reflected in the BOM. .
2. We know that HTML is composed of tags, and tags within tags. JavaScript can get through the DOM what tags there are, what are the attributes in the tags, what is the content, etc.
The above is the entire content of this article. For details about bom and dom in js, you can refer to javascript development manual for further study.
The above is the detailed content of What is the difference between bom and dom in js? Summary of the differences between bom and dom. For more information, please follow other related articles on the PHP Chinese website!

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

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.

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

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.

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.

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

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.

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。

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
