node中是否包含dom和bom
作者:互联网
2022-07-15
node中没有包含dom和bom;bom是指浏览器对象模型,bom是指文档对象模型,而node中采用ecmascript进行编码,并且没有浏览器也没有文档,是JavaScript运行在后端的环境平台,因此node中没有包含dom和bom。

本文操作环境:Windows10系统、nodejs 16版、Dell G3电脑。
node中没有包含dom和bom
在node中采用ecmascript进行编码
没有bom和dom,和浏览器中的js不一样
首先明确二点:
1、BOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作
2、DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。
请看,根据以上两点就可以回答你这个问题了。
node中并没有浏览器也没有文档。node是后端语言,类似PHP的存在。
如果你想在NODE中使用BOM和DOM对象,你可以试试Electron。
Electron: 是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用.(这里面可以使用BOM和DOM)
扩展知识
1、DOM文档对象模型:是W3C组织推荐的处理可扩展标志语言的标准编程接口。
DOM(文档对象模型)是 HTML 和XML 的应用程序接口(API)。
HTML文档可以说由节点构成的集合,DOM节点有:元素节点,文本节点,属性节点,(即元素标签)。
2、BOM浏览器对象模型:用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的JavaScript 扩展都被看做 BOM 的一部分。
BOM包含了DOM(对象)。
javacsript是通过访问BOM(Browser Object Model)对象来访问、控制、修改客户端(浏览器)。
3、节点属性nodeName;节点的名字nodeType;节点的类型nodeValue;遍历节点树childNodes;
Node节点的特性和方法
firstChild //Node,指向在childNodes列表中的第一个节点 lastChild //Node,指向在childNodes列表中的最后一个节点 parentNode //Node,指向父节 ownerDocument //Document,指向这个节点所属的文档 firstChild //Node,指向在childNodes列表中的第一个节点 lastChild //Node,指向在childNodes列表中的最后一个节点 parentNode //Node,指向父节点 childNodes //NodeList,所有子节点的列表 previousSibling /Node,/指向前一个兄弟节点:如果这个节点就是第一个节点,那么该值为null `nextSibling` //Node,指向后一个兄弟节点:如果这个节点就是最后一个节点,那么该值为null `hasChildNodes()` //Boolean,当childNodes包含一个或多个节点时,返回真值3、DOM同时两种事件模型:冒泡型事件和捕获型事件
冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标的顺序触发
(触发的顺序是:div、body、html(IE 6.0和Mozilla 1.0)、document、window(Mozilla 1.0))
捕获型事件:与冒泡事件相反的过程,事件从最不精确的对象开始触发,然后到最精确上面例子触发的顺序是:document、div
推荐学习:《nodejs视频教程》
以上就是node中是否包含dom和bom的详细内容,更多请关注本站其它相关文章!
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
Vue 3 defineOptions 宏,用 VuReact 编译成 React 长什么样?
Vue3 KeepAlive 深度揭秘:组件缓存的魔法是如何实现的?
你的 Vue 3 useAttrs(),VuReact 会编译成什么样的 React?
虚拟 DOM 的 Diff 算法:Vue/React 如何实现高效更新
前端必看!console 调试不只有 log,这 8 个技巧省一半调试时间
在线CAD开发包图纸转换功能使用指南
Vue组件通信全场景详解(Vue2+Vue3适配)| 实战必备,新手也能看懂
vite+vue2 动态路由加载方法实现
「性能优化」虚拟列表极致优化实战:从原理到源码,打造丝滑滚动体验
AI精选
