node中包含dom和bom嗎

這篇文章主要介紹“node中包含dom和bom嗎”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“node中包含dom和bom嗎”文章能幫助大家解決問(wèn)題。

node中沒(méi)有包含dom和bom；bom是指瀏覽器對(duì)象模型，bom是指文檔對(duì)象模型，而node中采用ecmascript進(jìn)行編碼，并且沒(méi)有瀏覽器也沒(méi)有文檔，是JavaScript運(yùn)行在后端的環(huán)境平臺(tái)，因此node中沒(méi)有包含dom和bom。

本文操作環(huán)境：Windows10系統(tǒng)、nodejs 12.19.0版、Dell G3電腦。

node中沒(méi)有包含dom和bom

在node中采用ecmascript進(jìn)行編碼

沒(méi)有bom和dom，和瀏覽器中的js不一樣

首先明確二點(diǎn)：

1、BOM（Browser Object Model）是指瀏覽器對(duì)象模型，可以對(duì)瀏覽器窗口進(jìn)行訪問(wèn)和操作

2、DOM （Document Object Model）是指文檔對(duì)象模型，通過(guò)它，可以訪問(wèn)HTML文檔的所有元素。

請(qǐng)看，根據(jù)以上兩點(diǎn)就可以回答你這個(gè)問(wèn)題了。

node中并沒(méi)有瀏覽器也沒(méi)有文檔。node是后端語(yǔ)言，類(lèi)似PHP的存在。

如果你想在NODE中使用BOM和DOM對(duì)象，你可以試試Electron。

Electron: 是使用 JavaScript, HTML 和 CSS 構(gòu)建跨平臺(tái)的桌面應(yīng)用.（這里面可以使用BOM和DOM）

擴(kuò)展知識(shí)

1、DOM文檔對(duì)象模型：是W3C組織推薦的處理可擴(kuò)展標(biāo)志語(yǔ)言的標(biāo)準(zhǔn)編程接口。

　　DOM（文檔對(duì)象模型）是 HTML 和XML 的應(yīng)用程序接口（API）。

　　HTML文檔可以說(shuō)由節(jié)點(diǎn)構(gòu)成的集合，DOM節(jié)點(diǎn)有:元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，屬性節(jié)點(diǎn)，（即元素標(biāo)簽）。

2、BOM瀏覽器對(duì)象模型：用于描述這種對(duì)象與對(duì)象之間層次關(guān)系的模型，瀏覽器對(duì)象模型提供了獨(dú)立于內(nèi)容的、可以與瀏覽器窗口進(jìn)行互動(dòng)的對(duì)象結(jié)構(gòu)。

　　BOM 主要處理瀏覽器窗口和框架，不過(guò)通常瀏覽器特定的JavaScript 擴(kuò)展都被看做 BOM 的一部分。

　　BOM包含了DOM(對(duì)象)。

　　javacsript是通過(guò)訪問(wèn)BOM（Browser Object Model）對(duì)象來(lái)訪問(wèn)、控制、修改客戶(hù)端(瀏覽器)。

3、節(jié)點(diǎn)屬性nodeName；節(jié)點(diǎn)的名字nodeType；節(jié)點(diǎn)的類(lèi)型nodeValue；遍歷節(jié)點(diǎn)樹(shù)childNodes；

　　Node節(jié)點(diǎn)的特性和方法

　　　　firstChild //Node，指向在childNodes列表中的第一個(gè)節(jié)點(diǎn)
　　　　lastChild //Node，指向在childNodes列表中的最后一個(gè)節(jié)點(diǎn)
　　　　parentNode //Node，指向父節(jié)
　　　　ownerDocument //Document，指向這個(gè)節(jié)點(diǎn)所屬的文檔
　　　　firstChild //Node，指向在childNodes列表中的第一個(gè)節(jié)點(diǎn)
　　　　lastChild //Node，指向在childNodes列表中的最后一個(gè)節(jié)點(diǎn)
　　　　parentNode //Node，指向父節(jié)點(diǎn)
　　　　childNodes //NodeList，所有子節(jié)點(diǎn)的列表
　　　　previousSibling /Node，/指向前一個(gè)兄弟節(jié)點(diǎn)：如果這個(gè)節(jié)點(diǎn)就是第一個(gè)節(jié)點(diǎn)，那么該值為null
　　　　`nextSibling` //Node，指向后一個(gè)兄弟節(jié)點(diǎn)：如果這個(gè)節(jié)點(diǎn)就是最后一個(gè)節(jié)點(diǎn)，那么該值為null
　　　　`hasChildNodes()` //Boolean，當(dāng)childNodes包含一個(gè)或多個(gè)節(jié)點(diǎn)時(shí)，返回真值

3、DOM同時(shí)兩種事件模型：冒泡型事件和捕獲型事件

　　冒泡型事件：事件按照從最特定的事件目標(biāo)到最不特定的事件目標(biāo)的順序觸發(fā)

　　　?。ㄓ|發(fā)的順序是：div、body、html(IE 6.0和Mozilla 1.0)、document、window(Mozilla 1.0)）

　　捕獲型事件：與冒泡事件相反的過(guò)程，事件從最不精確的對(duì)象開(kāi)始觸發(fā)，然后到最精確上面例子觸發(fā)的順序是：document、div

關(guān)于“node中包含dom和bom嗎”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。