• 技术文章 >web前端 >前端问答

    node中是否包含dom和bom

    长期闲置长期闲置2022-07-06 11:04:33原创150

    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的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:node
    上一篇:jquery怎么判断某元素是否有子元素 下一篇:node-sass是做什么的
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• nodejs中什么是模块化• nodejs中await怎么用• nodejs中archiver怎么用• 详解如何使用Node.js开发一个简单图片爬取功能• 推荐11个受欢迎的Node.js 框架,快放入收藏夹吧!
    1/1

    PHP中文网