BOM 和 DOM 的区别

最新推荐文章于 2022-07-19 13:51:48 发布
原创 最新推荐文章于 2022-07-19 13:51:48 发布 · 159 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #html5

本文详细阐述了BOM（浏览器对象模型）和DOM（文档对象模型）的区别。BOM专注于浏览器窗口交互，其核心对象是window，而DOM则关注HTML文档的结构，其基本对象是document。BOM缺乏统一标准，不同浏览器实现可能各异，而DOM遵循W3C标准。了解这两者的差异对于前端开发者至关重要。

BOM 和 DOM 的区别

从概念上来说

  • BOM 是浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象。
  • DOM 是文档对象模型，DOM 和文档有关，这里的文档指的是网页，也就是HTML文档

从标准上来说

  • BOM 没有相关标准：由于没有标准，不同的浏览器实现同一功能，可以需 要不同的实现方式
  • DOM 是 W3C 的标准

从根本对象上来说

  • BOM 的最根本对象是 window
  • DOM 最根本对象是 document（实际上是 window.document）
yzkdcsdn
关注
DOM 与 BOM 的区别
江湖的博客
02-21 651
DOM专注于网页内容和结构，通过 JavaScript 操作 HTML 元素。BOM专注于浏览器本身的操作，提供对浏览器窗口、地址栏、历史记录等功能的访问接口。这两者通常是一起使用的，构成了前端开发中的基本操作环境。
javascript bom是什么及bom和dom的区别
10-23
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧
bom 和 dom 的联系和区别
岁月静好
12-19 2318
BOM中的对象 Window对象： 是整个BOM的核心，所有对象和集合都以某种方式回接到window对象。Window对象表示整个浏览器窗口，但不必表示其中包含的内容。 Document对象： 实际上是window对象的属性。这个对象的独特之处是唯一一个既属于BOM又属于DOM的对象。从BOM角度看，document对象由一系列集合构成，这些集合可以访问文档的各个部分。 Locati
前端面试——JavaScript的BOM和DOM有什么区别？
哈哈hyc的博客
08-01 2446
这是浏览器运行时中的两个不同的概念。 1、BOM 浏览器对象模型 Browser Object Model（浏览器对象模型），提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX...
js面试题-----DOM操作和BOM操作
weixin_30535167的博客
09-08 1042
题目1：DOM是哪种基本的数据结构 答案：DOM是一种树形结构的数据结构 题目2：DOM操作的常用API有哪些 答案：获取DOM节点，以及节点的property和Attribute。获取父节点，获取子节点。新增节点，删除节点 题目3：DOM节点的Attribute和property有何区别 答案：property只是一个JS对象的属性的修改。（通过obox.name = xxx...
Ｄｏｍ和Ｂｏｍ的区别
gaoyuan1044704446的博客
03-10 3326
１.联系：（１）ECMAScript是javascript的核心；（２）BOM的核心是windows，表示的是一个浏览器的实例，在网页中自定义的任何一个对象、变量和函数，都以windows作为其全局对象；（３）DOM是针对HTML和XML文档的一个API；２.ｂｏｍ：（Browser Object Model）浏览器对象模型（１）window对象：　　　window对象是JavaScript中的顶...
bom和dom区别
最新发布
04-13
### BOM与DOM的区别及功能范围 #### 定义 BOM（Browser Object Model）是指浏览器对象模型，它是用来描述和操作浏览器窗口及其相关内容的一套API集合[^5]。而DOM（Document Object Model），即文档对象模型，则是...
javascript学习笔记（三）BOM和DOM详解
01-19
我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 ...
DOM和BOM的使用
01-08
DOM 和 BOM 的使用 DOM（Document Object Model）和 BOM（Browser Object Model）是前端开发中两个基础概念。DOM 是一个文档对象模型，它将 HTML 文档抽象为一个树形结构，允许开发者通过 JavaScript 操作文档的...
BOM与DOM的区别
weixin_45556724的博客
09-24 1400
JavaScript—DOM与BOM的区别 一.Javascript组成 JavaScript的实现包括以下3个部分： 1.ECMAScript(核心) 描述了JS的语法和基本对象 2.文档对象模型 （DOM） 处理网页内容的方法和接口 3.浏览器对象模型（BOM） 与浏览器交互的方法和接口 javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的...
DOM和BOM的区别
Amelian的博客
12-23 2万+
DOM和BOM的区别 我们都指代，javascript由三个部分组成： EMCAScript：描述了JS的语法和基本对象 DOM(浏览器对象)：与浏览器交互的方法和对象 BOM(文档对象模型)：处理网页内容的方法和接 ps：根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他浏览器风格迥异； 1.DOM DOM是文档对象模型，它指的是把文档当作一个对象来对待，这个对象主要定义了处理网页的内容和接口 2.BOM BOM是浏览器对象模型，它指的是将浏览器当作一个对象来对待，这个对象主要定义了
DOM,BOM的区别
weixin_64105376的博客
01-22 771
在学习js的时候，小伙伴们或许会产生疑问BOM,DOM他们的名字这么相似，到底有什么区别哪，本篇文章将会对他们两个区别进行简要的介绍 DOM BOM  文档对象模型  DOM 就是把「文档」当做一个「对象」来看待  DOM 的顶级对象是 document  DOM 主要学习的是操作页面元素  DOM 是 W3C 标准规范  浏览器对象模型  把「浏览器」当做一个「对象」来看待  BOM 的顶级对象是 window  BO
前端面试之BOM&DOM
あなたの可愛い41
09-06 414
前端面试之BOM&DOM什么是BOM事件？常见BOM事件？BOM事件处理程序？BOM对象方法BOM对象 什么是BOM事件？ 事件就是用户或浏览器自身执行的某种动作。 通过使用JS可以监听特定事件的发生，并规定某些事件发生以对这些事件做出响应。 JS可以处理的事件类型分为：鼠标事件，键盘事件，HTML事件 常见BOM事件？ 名字 作用 load 当页面或图像加载完后立即触发 blur 元素失去焦点 focus 元素获得焦点 click 鼠标点击某个对象 change 用
前端面试 DOM 和 BOM 理解
m0_65730686的博客
07-19 240
前端面试 DOM 和 BOM 理解
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
HTML5 之 Script 标签
无
07-02 4842
概述   script 用于嵌入或者引用可执行脚本。   其中可选属性如下。 type：用于定义脚本语言的 MIME 类型，包括text/javascript、text/ecmascript、application/javascript、application/ecmascript，注意HTML5中可以省略掉type，其默认值为text/javascript src：指定引用的外部脚本的URL defer：仅适用于外链，规定脚本延迟执行 async：仅适用于外链，规定脚本异步执行 integrity：用.
原生：js中的bom和dom有什么区别？bom和dom的区别总结
jieweiwujie的博客
10-14 5094
学习js的人都应该知道javascript是由三部分构成，ECMAScript，DOM和BOM，根据宿主 （浏览器）的不同，具体的表现形式也不尽相同。bom和dom都属于js的组成部分，那么， bom和dom之间有什么区别呢？接下来本篇文章将给大家介绍js中bom和dom之间的区别， 有需要的小伙伴可以看一下，希望对你有所帮助 1、BOM是浏览器对象模型 提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口， 可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态.
BOM和DOM的区别！！！
可爱的狼
03-14 2860
BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。 BOM的内容不多，主要还是DOM。 由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。 ...
Bom和Dom有什么区别
混世小妲己
03-19 2884
BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值