快速了解DOM与BOM，以及它们的区别

最新推荐文章于 2024-04-17 07:32:31 发布
最新推荐文章于 2024-04-17 07:32:31 发布
阅读量1.9k 收藏 2
点赞数
分类专栏： 前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43814020/article/details/105962693
版权
本文介绍了DOM（文档对象模型）和BOM（浏览器对象模型）的概念。DOM是W3C组织制定的标准，用于处理HTML和XML文档，形成了文档树模型，允许开发者操作页面内容。BOM则是浏览器提供的接口，核心对象是window，包含DOM并提供与浏览器窗口交互的方法。两者的主要区别在于DOM专注于文档结构，BOM关注浏览器交互。
摘要由CSDN通过智能技术生成

1. 什么是DOM

文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。

​W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。

DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。

2. DOM树

在这里插入图片描述

DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。

  • 文档：一个页面就是一个文档，DOM中使用document表示
    • <
最低0.47元/天 解锁文章
小阿兜
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
textEditor:==>在此项目中，使用Vanilla JavaScript构建的简单文本编辑器使我了解了有关DOM（文档对象模型），浏览器对象模型（BOM）和现代ES6 + Javascript的更多信息。
05-12
在本项目"文本编辑器"中，我们使用Vanilla JavaScript构建了一个简单的文本编辑器，这为我们提供了一次深入了解DOM（文档对象模型）、浏览器对象模型（BOM）以及现代ES6+ JavaScript语法的机会。通过这个项目，我们...
2 妙味课堂原创JavaScript视频教程 DOM 2课 BOM课程资料
08-25
1. DOM的基本概念：了解DOM是如何表示文档结构的，以及它是如何被JavaScript访问和修改的。 2. 节点操作：掌握如何获取、创建、删除和修改DOM中的节点，包括元素节点、属性节点和文本节点。 3. 属性和属性值：学习...
dom和bom区别
qq_42931285的博客
10-03 286
DOM 指的是文档对象模型，它指的是把文档当做一个对象，把网页变成js中对象进行增删改操作，这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口。BOM的核心是window，而 window 对象具有双重角色，它既是通过 js 访问浏览器窗口的一个接口，又是一个Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都作为全局对象的一个属性或者方法存在。window 对象含有ocation.
DOM跟BOM的区别
weixin_55711841的博客
07-27 191
DOM跟BOM的区别
JavaScript之彻底搞懂DOM与BOM及其区别与用法，2024年最新阿里P8面试官都说太详细了
最新发布
HUAXIAL的博客
04-17 560
先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。 既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大
前端技术学习第四讲：JavaScript中DOM和BOM
跟着老高学Java
03-27 1641
JavaScript中DOM和BOM 一、DOM和BOM DOM：文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTMl和XML文档是通过说明部分定义的)。 BOM：浏览器对象模型（Browser Object Model)，简称BOM），是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可
DOM和BOM
m0_63170206的博客
05-26 328
1.DOM 1.1DOM概述 1.dom是处理可扩展标记语言的标准编程接口，可以改变网页的样式，内容和结构 2.文档：一个页面就是一个文档（document） 3.元素：页面中的所有标签都是元素（element） 4.节点：网页中的所有内容都是节点（标签，属性，文本，注释等）（node） 4.对象：文档，元素，节点都是对象 获取元素 1.id获取 getElementByid() 1.2获取元素 获取元素 <script> // 1.id获取---id是大小写敏感的字符串 // cons
DOM与BOM区别
u012174809的专栏
03-21 944
看完概念还是知道的，毕竟代码这么多年。DOM即使是新手也是知道的，但是BOM这个学术语，只有看了解释，才知道是啥，至少对于我来说。 一 BOM（borwserObjectModel） 浏览器对象模型：使用对象描述了浏览器的各个部分的内容。 1.window:当前的窗口 open() 打开一个新的资源。 moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 moveBy() 相对于当前的窗口移动指定的 x 和 y 偏移值(左上角)。 setInterval() 每...
JavaScript快速查询手册
06-08
这份"JavaScript快速查询手册"旨在帮助用户快速理解和应用JavaScript的核心概念与技术，从而提升开发效率。手册覆盖了语言的基础语法、数据类型、控制结构、函数、对象、数组、字符串、正则表达式等关键知识点。 一...
【速查手册】IE与FF下JS的区别
08-27
【速查手册】IE与FF下JS的区别 JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在不同浏览器中的实现可能存在差异。IE（Internet Explorer）和FF（Firefox）是两个历史上非常重要的浏览器，它们对...
jquery与js帮助文档
08-30
**jQuery与JavaScript是Web开发中的两个重要库和语言，它们为网页动态化和交互提供了强大的功能。本帮助文档集合了这两个关键工具的详细信息，旨在为开发者提供全面的参考资料。** **JavaScript** 是一种轻量级的...
DOM和BOM的简单理解
Cool_so_cool的博客
06-17 1105
最新版红宝书小笔记
BOM和DOM
qq_43093129的博客
04-24 477
1. BOM和DOM的区别与联系 BOM： Browser Object Model （浏览器对象模型），通过BOM的对象和方法可以完成对浏览器窗口的操作，如：关闭浏览器，前进，后退，修改地址栏上的地址等。BOM的顶级内置对象是window DOM： Document Object Model（文档对象模型），通过DOM的对象和方法可以完成对网页中元素的增删改，让网页产生动态效果。DOM的顶级内置对象是document BOM是包括DOM的，即window包括document 2. innerHTML属
BOM和DOM的区别和联系
qq_42931285的博客
10-07 1257
DOM和BOM的区别和联系
DOM和BOM的区别
BeefAndPotatoes的专栏
07-25 2456
最近刚学完javascript，通过查阅资料与上课的内容结合将DOM和BOM作了一些比较如下： 首先，BOM的全称为Browser Object Mode，中文名是浏览器对象模型。它的一些功能和特性如下： 1. BOM提供了独立于内容而与浏览器窗口进行交互的对象 2. 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window 3. BOM由一系列相关的对象构成，并且
图解BOM与DOM的区别与联系
丿灬安之若死
02-23 1510
区别 BOM（Browser Object Model） BOM 即浏览器对象模型，BOM没有相关标准，BOM的最核心对象是window对象。window对象既为javascript访问浏览器提供API，同时在ECMAScript中充当Global对象。BOM和浏览器关系密切，浏览器很多东西可以通过javascript控制，例如打开窗口、打开选项卡、关闭页面、收藏夹等。这些功能与网页内容无关...
javascript中Bom和Dom有什么区别？
greensomnuss的博客
09-26 833
 BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧 什么是BOM BOM是browser object model的缩写，简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用
BOM跟DOM的区别和关联
09-02 331
BOM 1. BOM是Browser Object Model的缩写，即浏览器对象模型。 2. BOM没有相关标准。 3.BOM的最根本对象是window。 从1可以看出来：BOM和浏览器关系密切。浏览器的很多东西可以通过JavaScript控制的，例如打开新窗口、打开新选项卡（标签页）、关闭页面，把网页设为主页，或加入收藏夹，等等…这些涉及到的对象就是BOM。 从2可以看出...
BOM和DOM详解
热门推荐
anythings的专栏
04-25 2万+
DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口。 js组成 我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C
Javascript之BOM与DOM讲解
02-09
配套博客:https://liuyandeng.blog.csdn.net/article/details/51395830

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值