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

不言
不言Original
2018-09-28 16:48:2627802browse

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:
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