您的位置: 翼速应用 > 业内知识 > web前端 > 正文

关于node中是否包含dom和bom的详细解析

本文是关于node中是否包含dom和bom的详细解析,大致内容如下:node中没有包含dom和bom;bom是指浏览器对象模型,bom是指文档对象模型,而node中采用ecmascript进行编码,并且没有浏览器也没有文档,是JavaScript运行在后端的环境平台,因此node中没有包含dom和bom。


关于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




以上就是关于node中是否包含dom和bom的详细解析,翼速应用平台内有更多相关资讯,欢迎查阅!

我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题