Home Web Front-end JS Tutorial What is the difference between bom and dom in js? Summary of the differences between bom and dom

What is the difference between bom and dom in js? Summary of the differences between bom and dom

Sep 28, 2018 pm 04:48 PM
bom 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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What does vue dom mean? 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 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 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? 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 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 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? 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 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

See all articles