BOM与DOM

以你之姓@ 2022-08-07 02:48 138阅读 0赞

# 概念： #

**1.BOM（Browser Object Model）：**

**浏览器对象模型，从名字上就能知道它和浏览器关系密切。浏览器的很多行为是通过JavaScript控制的，例如打开新窗口、打开关闭标签页、把网页设为主页或添加到收藏夹等等，这些功能的实现实质上就是对BOM的操作，BOM就是由一系列独立于内容而与浏览器窗口进行交互的对象构成的。**

**2.DOM（Document Object Model）：**

**文档对象模型，它和文档有关，这里的文档指的是网页。网页是由服务器发送给客户端浏览器的，无论用什么浏览器，接收到的HTML都是一样的，所以DOM和浏览器无关，它关注的是网页本身的内容。DOM定义了一系列对象，用于访问、操纵和创建文档中的内容、结构、样式以及行为。当更改页面内容时，JavaScript就通过DOM来获得对文档（ HTML、XHTML 以及 XML 文档）中所有元素进行访问的入口，以及对元素进行添加、移动、改变或移除的方法和属性。**

# 联系与区别： #

**![Center][]**

**1.BOM和DOM都是由一系列的对象构成，对象有属性和方法，javascript通过操纵这些对象来实现具体的功能。**

**2.Javascript由ECMAScript和BOM组成，BOM中包含DOM。其中ECMAScript描述了该语言的语法和基本对象，**

**  BOM描述与浏览器进行交互的方法和接口，DOM描述处理网页内容的方法和接口。**

**3.BOM没有标准，DOM的标准是W3C（万维网联盟），JavaScript语法的标准化组织是ECMA。**

**4.BOM的根本对象是window对象，它表示整个浏览器窗口，但不表示其中包含的内容。DOM的根本对象是**

**  document对象，它实际上是window对象的属性。document是一个既属于BOM又属于DOM的对象。**

**  理解了BOM和DOM以及它们与javascript的关系后，感觉脑子中的一大片霾退散了，****“盲人摸象”又有了新进展。javascript是一种基于对象和事件驱动的语言，有了BOM和DOM中定义的对象，就可以通过改变对象的属性、执行对象的方法来实现现实世界中的具体功能了，这与之前开发C/S项目是一样的。**

[Center]: /images/20220805/500cd7b94fd34925a2641d90f8826d7b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 BOM&DOM

BOM(Browser Object Model)浏览器对象模型主要是用于管理窗口和窗口之间的通讯，核心对象是windowwindow表示浏览器的一个实例，对于每一个打开...

r囧r小猫/ 2024年04月21日 08:03/ 0 赞/ 33 阅读

相关 DOM与BOM

一 DOM的概念 1.1 什么是DOM DOM代表文档对象模型(Document Object Model)，它是一种将HTML，XML和SVG文档表示为具有层次结

淡淡的烟草味﹌/ 2024年02月22日 04:24/ 0 赞/ 19 阅读

相关 DOM和BOM简介

DOM和BOM的简介及区别： DOM：文档对象模型，描述了处理网页内容的方法和接口。最根本对象是document（window.document）。由于DOM的操作对象是

今天药忘吃喽~/ 2022年08月30日 11:20/ 0 赞/ 162 阅读

相关 BOM与DOM

概念： 1.BOM（Browser Object Model）：浏览器对象模型，从名字上就能知道它和浏览器关系密切。浏览器的很多行为是通过JavaScript控制的，

以你之姓@/ 2022年08月07日 02:48/ 0 赞/ 139 阅读

相关 Javascript之BOM与DOM讲解

1.Javascript组成 [JavaScript][]的实现包括以下3个部分： 1）核心（ECMAScript）：描述了[js][JavaScript]的语法和基本

女爷i/ 2022年06月09日 06:25/ 0 赞/ 149 阅读

相关 Javascript之BOM与DOM讲解

文章转载自：[https://blog.csdn.net/qq877507054/article/details/51395830][https_blog.csdn.net_q

叁歲伎倆/ 2022年05月25日 08:09/ 0 赞/ 128 阅读

相关前端BOM和DOM

location对象弹出框计时相关 DOM 查找标签节点操作属性节点获取值操作类操作事件 BOM：Browser Object Model）是

以你之姓@/ 2022年01月11日 04:27/ 0 赞/ 207 阅读

相关前端 JavaScript BOM & DOM

内容目录： 1. BOM 2. DOM BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览

待我称王封你为后i/ 2022年01月05日 08:11/ 0 赞/ 234 阅读

相关 DOM 和 BOM 区别

DOM, DOCUMENT, BOM, WINDOW 区别 DOM 是为了操作文档出现的 API，document 是其的一个对象； BOM 是为了操作浏览器出现的 A

分手后的思念是犯贱/ 2021年10月18日 11:20/ 0 赞/ 305 阅读

相关 JavaScript---DOM和BOM

（一）JavaScript—DOM ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

傷城~/ 2021年10月14日 04:54/ 0 赞/ 384 阅读