BOM与DOM

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

  • 概念:

1.BOM(Browser Object Model):

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


2.DOM(Document Object Model):

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

  • 联系与区别:



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项目是一样的。

目录
相关文章
|
2月前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之,优化 DOM 和 BOM 的性能需要综合考虑多个方面,通过合理的设计和技术手段,提升项目的运行效率和用户体验。在实际开发中,要不断地进行性能优化实践,以适应不断变化的需求和技术发展。
|
2月前
|
JavaScript 安全 物联网
DOM 和 BOM 在项目中的应用
【10月更文挑战第19天】在现代网页开发和应用项目中,DOM(文档对象模型)和 BOM(浏览器对象模型)扮演着至关重要的角色。它们为开发者提供了与网页文档和浏览器环境进行交互的能力,使项目能够实现丰富的功能和用户体验。
|
2月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
|
3月前
|
XML 缓存 JavaScript
提升对前端的认知,不得不了解Web API的DOM和BOM
该文章强调了在前端开发中理解和掌握DOM(文档对象模型)和BOM(浏览器对象模型)的重要性,并介绍了它们的相关操作和应用。
提升对前端的认知,不得不了解Web API的DOM和BOM
|
3月前
|
XML 移动开发 JavaScript
js中BOM和DOM总结(基础篇)
文章总结了JavaScript的BOM和DOM知识点,包括window、screen、location、history、navigator对象,以及消息框、计时器和cookie。同时,介绍了DOM的概念、节点获取和修改方法,以及事件处理。
js中BOM和DOM总结(基础篇)
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
128 1
|
7月前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
45 2
|
7月前
|
JavaScript 前端开发
深入了解 JavaScript 中的 DOM 和 BOM
深入了解 JavaScript 中的 DOM 和 BOM
204 4
|
7月前
|
XML JavaScript 前端开发
JavaScript 之 DOM and BOM 总结
JavaScript 之 DOM and BOM 总结
71 0
|
7月前
|
XML 存储 JavaScript
JavaScript详解DOM和BOM(持续更新)
JavaScript详解DOM和BOM(持续更新)