如何理解前端中的DOM、BOM

题注:此篇为博主的学习感悟,可能有理解不妥之处,还望观者不吝赐教,有其他见解也希望能留言交流(づ ̄ 3 ̄)づ



DOM 全称是 Document Object Model,也就是文档对象模型。

个人理解,DOM包含三层意思:1.DOM是一个操作HTML的API接口  2.DOM是一个HTML结构模型  3.DOM代指该HTML模型中的对象


1.DOM是一个操作HTML的API接口

HTML本身是静态的,是不变的,每个标签的内容以及属性都是死的。

如果要让网页动起来,就要完成两步:第一步是思维上的转变(网页是可以动起来的),第二部是操作上的突破(如何动起来)

DOM完成了上述两步,它首先在板结的HTML上找到突破口,定义了一些可以改变的东西,之后又针对这些突破口设计了一系列API,让人们能通过这些API来操作这些元素。


2.DOM是一个HTML结构模型

在DOM出现之前,我想HTML文件对于很多人只不过是一段遵循特殊规则的文本,而DOM却给它建立了一个结构模型,使它立体了起来。

也就是下面这个图了:



3.DOM代指该HTML模型中的对象

一句话概括,DOM就是上图中的那些节点。



那么,BOM又是什么?


BOM 是 Browser Object Model,浏览器对象模型。


简单地说,BOM和DOM一样,只不过DOM操作的是HTML中的元素,BOM是浏览器的API、操作的是浏览器(即控制浏览器的行为)





参考:

1.https://www.zhihu.com/question/34219998 Fadeoc Khaos的回答

2.https://www.zhihu.com/question/33453164/answer/56549408 匿名用户的回答

  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值