當前位置:首頁 » 網頁前端 » 前端的dom和bom
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端的dom和bom

發布時間: 2023-08-16 01:49:35

❶ JavaScript的BOM和DOM有什麼區別

JavaScript的BOM和DOM的區別如下:

1、BOM和瀏覽器關系密切,DOM和文檔有關,這里的文檔指的是網頁,也就是HTML文檔。

2、BOM是Browser Object Model的縮寫,即瀏覽器對象模型。DOM是Document Object Model的縮寫,即文檔對象模型。

3、BOM沒有相關標准。DOM是W3C的標准。

4、BOM的最根本對象是window。DOM最根本對象是document(實際上是window.document)。

二者之間的關系說明如圖:

❷ 關於dom和bom

getElementsByTagName('body')[0] 才是 document.body, 前者返回的是一個數組,雖然它只有一個元素。 BOM 和DOM 沒有直接的關系,他們之前沒有可比性,不是同一類型的東西。

❸ 如何理解前端中的DOM,BOM

DOM 全稱是 Document Object Model,也就是文檔對象模型。
個人理解,DOM包含三層意思:1.DOM是一個操作HTML的API介面 2.DOM是一個HTML結構模型 3.DOM代指該HTML模型中的對象
1.DOM是一個操作HTML的API介面
HTML本身是靜態的,是不變的,每個標簽的內容以及屬性都是死的。

如果要讓網頁動起來,就要完成兩步:第一步是思維上的轉變(網頁是可以動起來的),第二部是操作上的突破(如何動起來)
DOM完成了上述兩步,它首先在板結的HTML上找到突破口,定義了一些可以改變的東西,之後又針對這些突破口設計了一系列API,讓人們能通過這些API來操作這些元素。
2.DOM是一個HTML結構模型

在DOM出現之前,我想HTML文件對於很多人只不過是一段遵循特殊規則的文本,而DOM卻給它建立了一個結構模型,使它立體了起來。
3.DOM代指該HTML模型中的對象

一句話概括,DOM就是上圖中的那些節點。
那麼,BOM又是什麼?
BOM 是 Browser Object Model,瀏覽器對象模型。
簡單地說,BOM和DOM一樣,只不過DOM操作的是HTML中的元素,BOM是瀏覽器的API、操作的是瀏覽器(即控制瀏覽器的行為)

❹ Web前端開發技術當中 HTMLDOM 和BOM技術的優點和缺點 要求分條簡要論述,求各位學霸幫忙= =作業

在學習javascript中學到了BOM和DOM,只看外表,他們就B和D的區別。他們到底是什麼,有什麼區別呢?

BOM的全稱是BrowserObjectModel,中文名是瀏覽器對象模型。允許通過BOM訪問和操控瀏覽器窗口,研發者通過使用BOM,可移動窗口、更改狀態欄文本、執行其它不與頁面內容發生直接聯系的操作。BOM是JavaScript應用中唯一沒有相關標準的部分,這是BOM真正獨特且經常出現問題的所在。 BOM主要處理瀏覽器窗口與框架,瀏覽器特有的JavaScript擴展都被認作是BOM的一部分。由於BOM沒有相關標准,每個瀏覽器都有其自己對BOM的實現方式。BOM有窗口對象、導航對象等一些實際上已經默認的標准,但對於這些對象和其它一些對象,每個瀏覽器都定義了自己的屬性和方式。

BOM的對象:window對象是其核心對象,表示整個瀏覽器窗口。document對象是BOM的對象,但他又是DOM中的對象。


DOM的根節點是document對象。DOM屬性中,我們常用的類型:元素節點,屬性節點,文本節點。

上面說了那麼多,簡單地說:

1.BOM缺乏標准,DOM的標準是W3C。

2.BOM和瀏覽器關系密切,DOM和HTML或XML文檔關系密切。

3.BOM的根本對象是window對象,DOM的根本對象是document對象。

我所了解到的都還只是皮毛,一些理論東西,通過以後的學習和項目實踐會進一步加深。