6.1认识BOM和DOM

- 日理万妓 2023-09-30 18:24 14阅读 0赞

6.1认识BOM和DOM

#### 认识BOM和DOM ####

**什么是BOM**

BOM是Browser Object Model的简写，即浏览器对象模型。

BOM有一系列对象组成，是访问、控制、修改浏览器的属性的方法

BOM没有统一的标准(每种客户端都可以自定标准)。

BOM的顶层是window对象

**什么是DOM**

DOM是Document Object Model的简写，即文档对象模型。

DOM用于XHTML、XML文档的应用程序接口(API)。

DOM提供一种结构化的文档描述方式，从而使HTML内容使用结构化的方式显示。

DOM由一系列对象组成，是访问、检索、修改XHTML文档内容与结构的标准方法。

DOM标准是由w3c制定与维护。DOM是跨平台与跨语言的。

DOM的顶层是document对象

![7e04f57f44842f6bb7257eae2bfeb52d.png][]

**DOM和BOM的关系**

红色框内是归DOM，绿色框内归BOM；也可以说DOM也是归BOM管的

BOM编程就是把整个浏览器抽象成一个对象(window),这个对象中有很多的属性和方法,访问这些属性或者调用这些方法就可以控制浏览器作出…行为

DOM编程就是把浏览器当前页面对应的文档抽象成一个对象(document),这个对象中有很多关于操作文档的一些属性和方法,访问这些属性和方法的时候,我们就可以通过代码动态控制页面上显示的内容

BOM 是为了操作浏览器出现的 API，window 是其根对象。

DOM 是为了操作文档出现的 API，document 是其根对象。

![5b66cf5ec71fa09997aafd4de6b6fbdd.png][]

![47acf58130917ffe25ffbbeede9828aa.png][]

[7e04f57f44842f6bb7257eae2bfeb52d.png]: https://img-blog.csdnimg.cn/img_convert/7e04f57f44842f6bb7257eae2bfeb52d.png
[5b66cf5ec71fa09997aafd4de6b6fbdd.png]: https://img-blog.csdnimg.cn/img_convert/5b66cf5ec71fa09997aafd4de6b6fbdd.png
[47acf58130917ffe25ffbbeede9828aa.png]: https://img-blog.csdnimg.cn/img_convert/47acf58130917ffe25ffbbeede9828aa.png

发表评论取消回复

表情：

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

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

相关阅读

相关 BOM&DOM

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

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

相关 6.1认识BOM和DOM

6.1认识BOM和DOM 认识BOM和DOM 什么是BOM BOM是Browser Object Model的简写，即浏览器对象模型。 BOM有一系列对象组成，是访

- 日理万妓/ 2023年09月30日 18:24/ 0 赞/ 15 阅读

相关 DOM 和 BOM 区别

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

落日映苍穹つ/ 2023年08月17日 16:30/ 0 赞/ 123 阅读

相关 DOM和BOM简介

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

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

相关 DOM和BOM的区别

javascript 包含3部分： ECMAScript DOM BOM DOM （Document Object Model）文档对

素颜马尾好姑娘i/ 2022年08月21日 01:16/ 0 赞/ 186 阅读

相关关于javascript组成DOM和BOM的一点认识

> javaScript的实现包括以下3个部分： > > <table> > <tbody> > <tr> > <td style="vertical-al

绝地灬酷狼/ 2022年04月08日 13:24/ 0 赞/ 194 阅读

相关前端BOM和DOM

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

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

相关 BOM和DOM的见解

JavaScript： javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他

痛定思痛。/ 2021年12月15日 00:27/ 0 赞/ 305 阅读

相关 DOM 和 BOM 区别

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

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

相关 JavaScript---DOM和BOM

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

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