[暑假]什么是DOM?什么是BOM?什么是DOM树?

JavaScript之BOM树 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 一、事件对象 1.什么是事件对象? 事件对象就是与事件相关的一个参数 事件是一个待执行的方法,不是我们去调用,而是浏览器去调用,所以事件的参数也与浏览器有关。 事件:因某个事情的触发而自动的调用 2.事件对象的一般语法 事件 = function(){ /*方法*/} 火狐浏览器会在调用事件执行方法的时候,传入一个参数,表示事件对象 所以代码需要修改为 事件 阅读详情

DOM(Document Object Model)是文档对象模型 , 它的本质是页面的API, 允许程序读取和操作页面的内容, 结构和样式.

BOM(Browser Object Model)是浏览器对象模型,  该对象模型提供一些对象, 这些对象提供一些方法, 可以用于js操作浏览器的一些功能

什么是DOM树?

 不同的关系构成的层级, 让标记可以表示为一个以特定节点为根的树形结构. 是DOM树

                进一步解释:

                                        想要理解为什么叫做DOM树,我们需要了解:

                                                          第一: 任何的HTML或者XML都可以用 DOM表示为一个由节点构成的层级结构.

                                                          第二: 节点是有很多种类型的

                                                          第三: 节点的不同类型代表着不同的信息或者标记(下文解释:什么叫做标记?)

                                                          第四: 这些不同的信息又具有不同的特性,数据和方法, 而且与其他类型又具有某种关系

                所以: 这些关系构成了层级, 让标记可以表示为一个以特定节点为根的树形结构.

案例如下:

        其中document节点表示每个文档的根节点.同时HTML中的 每段标记都可以表示为这个树形结构中的一个节点. 

 什么是标记:

                因为HTML(Hypertext Markup Language)叫做文本标记语言

                                我们也可以将HTML标记标签 称作HTML标签 

                所以这里的标记的意思 是  标记标签

JavaScript(基础、高级)笔记汇总表【尚硅谷JavaScript全套教程完整版】 尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) 阅读详情

相关推荐

ERP中绘制树状BOM图

ERP中绘制树状BOM图 添加,存储,显示项目资源清单

BOM树和DOM树

文字表述: BOM 提供了访问浏览器各种功能部件的途径,例如浏览器窗口本身、浏览器历史等; DOM 提供了访问浏览器中网页文档各元素的途径,包括页面中的超链接、表单等各种html元素及其内容。 BOM与DOM的关系:BOM的window对象中包含一个document属性,该属性是对DOM模型的document对象的引用,代表了当前窗口中网页文档所对应的document对象,通过该属性可以访问...

吞吞吐吐屠屠兔兔的博客 2522

产品结构树(BOM)设计优化方案.pptx

产品结构树(BOM)设计优化方案.pptx

一棵树 Bom树

目前做一个制造业的ERP,要处理一个Bom,里面的阶数和节点数未知。就是一棵复杂一点的客户端树(能与服务端交互),问了几个朋友,都爱莫能助,只好自己写了。比较乱,不知道是否说清楚了,但愿能给你一点点的帮助。一、环境 .net1.1 + javascript 二、关键字:树 Bom  Bom树 javascript树 三、主要功能:1、框架是左边树右边内容,两边要可以交互,即点击左边节点右边要能...

weixin_34290631的博客 270

WhatsApp注册流程逆向分析:从协议解析到风控对抗实战

移动应用安全分析的核心在于理解客户端与服务端的交互协议与验证机制。通过逆向工程,可以深入剖析应用的数据加密、传输与身份验证原理,这对于构建安全模型、进行自动化测试和风控策略研究具有重要技术价值。在即时通讯、金融支付等高安全要求场景中,掌握应用注册流程的底层实现是评估其安全性的关键。本文聚焦于使用动态分析工具如Frida进行Hook和流量抓包,结合设备指纹识别与模拟器检测技术,详细解析了大型应用的注册风控体系,为安全研究人员和开发者提供了从环境搭建到实战对抗的完整方法。

weixin_33935636的博客 317

EPLAN二次开发实战指南:从API接口到定制化界面

本文为EPLAN二次开发实战指南,详细介绍了从搭建C#开发环境、理解API接口到创建定制化插件的完整流程。通过实战案例,如批量修改设备属性和设计交互式界面,帮助电气工程师利用EPLAN二次开发实现工作流程自动化与深度定制,从而显著提升设计效率。

weixin_29246195的博客 806

bom树形结构 表设计_K/3管理视角:树形结构下的BOM管理方式!

原标题:K/3管理视角:树形结构下的BOM管理方式!BOM(物料清单),也就是以数据格式来描述产品结构的文件,是ERP使用过程中的重要组成部分。通过BOM我们能够清晰的了解产品的结构以及所需要的物料构成。但是在一般的应用过程中,BOM各层级分别构建,导致层级间缺乏直观关联,使得构建和修改维护时无直观、全局感,不符合设计员使用思维。产生以上情况主要是因为企业在日常的BOM管理中,为了考虑BOM复用性...

weixin_36179933的博客 4578

SAP ERPsim生产拓展实验报告

ERP课的实验和实践,也是SAP竞赛玩的东西,除了界面不华丽外很像游戏而且是团队型的pvp大乱斗

m0_67262022的博客 2020

bom树的认识

bom

szydqq的博客 674

Cadence 17.4 PSpice仿真555定时器输出方波

这里利用555定时器组成多谐振荡器产生1Hz的方波并用PSpice仿真其输出的方波波形。555定时器是一种广泛应用的中规模集成电路。根据其内部组成的不同,可分为双极型(555B)和CMOS型(555C)两类。两种类型的定时器各有所长。双极型定时器具有较大的驱动能力,其输出电流可达200mA,可直接驱动发光二级管、扬声器、继电器等负载。而CMOS型定时器的输入阻抗高、功耗低。

tj_nonstoper的博客 1万+

数学建模--十大经典常用算法

数学建模十大算法:灰色预测,蒙特卡洛,遗传算法,模拟退火法,组合算法,神经网络,动态规划,聚类算法,类比法,概率算法,Floyd算法

qq_51533426的博客 5647

[暑假] BOM实践运用(待补充)

BOM必备知识

IDApprentice的博客 317

petalinux2022.2启动文件编译配置

petalinux2021之前的版本里,导入目录components/yocto/下的“environment-setup-aarch64-xilinx-linux” 和 “layers/core/oe-init-build-env”的环境,能使用Yocto的devtool工具。(加入下面内容,先petalinux-build下载完成后才能有源码)制作 BOOT.BIN 启动文件:petalinux-package --boot --fsbl --fpga --u-boot --force。

wangjie36的博客 1391

js的递归、预编译、闭包、对象与包装类;dom操作;的总结(2018年暑假记)

7.30 看网课 递归,预编译(下) 看网课 作用域,作用域链 红宝书第八章BOM 1.window对象 (1)全局作用域 a. 在全局作用域中声明的变量,函数都会变成window的属性,方法。 b.注意:全局变量不能通过delete删除,但是Window对象上定义的属性可以. c.尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个未声明的变量是...

qq_39897978的博客 251

在 Eclipse 里快速用上 SAP Joule:ABAP 开发者的 AI 助手上手指南

本文介绍了SAP Joule for developers如何集成在ABAP开发工具中,为开发者提供AI辅助能力。主要内容包括: Joule作为ADT的增强层,直接嵌入开发流程,支持在项目资源管理器、代码编辑器等场景下通过上下文菜单调用AI功能。 核心使用方式:打开Joule视图后,可在开发对象、代码片段等上下文中使用自然语言交互,请求解释、生成测试或获取示例代码。 重点功能: Explain:解释现有代码逻辑,降低理解成本 ABAP Unit测试生成:快速创建与上下文相关的测试用例 支持在传输管理器等完整

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 394

【WorkBuddy专栏14】专家不是「换皮」——角色切换、训练机制与自我进化深度拆解

WorkBuddy专栏14】专家不是「换皮」——角色切换、训练机制与自我进化深度拆解

AI人人懂 593

2022东软Java暑假实训

该文章为2022年参加东软实训的笔记,欢迎大家批评指正

m0_54020412的博客 749

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

暑假快速学习JavaScript的学习笔记

在快速学习过html和css之后,我开始在w3chool上学习JavaScroipt了。因为是快速学习,就是要锻炼自己快速学习的能力,毕竟将来在工作岗位上还需要学习很多知识,如果只是按照在课堂上的学习的模式的话,那么将来我肯定会被淘汰。所以我在快速学习的时候根基不是很稳,在写博客的时候,既可以当做是对之前的学习轨迹的一个记录,也可以当做是对JavaScript的一个复习。   在html中的脚本

Xu_taige的博客 597

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Node.js基础

node.js基础 快捷键、读取编写语法、判断文件是否写对

weixin_53317758的博客 317

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

简单的XML读取器

XML 指可扩展标记语言(EXtensibleMarkupLanguage) (有个很明显的槽点),是一种主要设计用来数据传输存储的语言。 有关语法规则我是参考了这个链接。 http://www.w3school.com.cn/xml/xml_syntax.asp 看 gcc4 的时候觉得数据驱动编程很酷,于是顺带觉得xml很酷,正好暑假闲就写了个xml读取器看看,...

a314138918的博客 204

前端补充 ----暑假学习每一天

前端补充 1.CSS display 语法: p{ display: inline等值; } 说明: 可能的值 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2....

树叶子的博客 326

暑期实习Day5---Javascript

JavaScript 由于js在很多方面与java与c语言有类似之处,本篇对课堂内容不做详细整理,仅对一些个人认为重要的点进行记录 概述 特点 基于对象的脚本语言,解释执行 与java没有任何关系 弱类型语言 简单,安全,动态,跨平台 功能 表单确认 页面修饰和特殊效果 导航系统 基本的数学运算 动态文档生成 核心概念 ECMAScript DOM(Document Object Model)文档对象模型 BOM(Brower Object Model)浏览器对象模型 值得注意的点

ss967的博客 183

分享一次通过C1见习工程师的经历

======================================================================暑假在家无聊,刷刷优快云来提升下自己,然后在发现优快云在导航栏居然还有认证的地方然后好奇心就驱使我进来了然后还发现了技能大赛,好像是要通过C1才能参加好家伙,藏的这么深,反正闲着也是闲着,冲了~ 之后我就愉快的报名了C1也便宜,看起来考的内容也不错,如果通过的话下学期还能加学分,不考白不考✈️ 二、经过================================

2401_84438488的博客 1139

【JavaScript 漫游】专栏介绍

本篇文章为笔者所创建的【JavaScript 漫游】专栏的介绍,主要介绍笔者为什么要创建【JavaScript 漫游】专栏,笔者的编程学习经历

CYW2019_HUST的博客 393

JavaWeb前端课程总结回顾

JavaWeb前期课程总结回顾第一部分:html基础概念环境准备第一个页面常见的页面标签语义化标签:图片标签视频标签音频标签表格标签:表单标签:超链接标签锚点功能有序列表第二部分:css什么是CSS?CSS的几种写法:CSS的选择器:基本选择器:包含选择器:属性选择器:常见样式字体样式尺寸边框样式背景样式定位样式页面布局盒子模型CSS3 Grid布局CSS的优化CSS的常见函数颜色渐变网页中小图标:第三部分:Javascript什么是JavaScriptJavaScript可以干什么JavaScript 的

qq_48700248的博客 2042
上一篇: [学习笔记 随手记版·一刷]Java基本内容-2
下一篇: [暑假]伪类和伪元素的区别---<<你问我就这样答>>
Zhengqin Yuan
博客等级 码龄5年 135粉丝 146原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值