JS中什么是DOM和BOM

已于 2022-09-28 22:19:36 修改
阅读量249 收藏 1
点赞数
分类专栏： 基础巩固 文章标签： javascript 前端 html
于 2022-07-20 19:04:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46051260/article/details/125898353
版权

BOM是控制浏览器行为的api，DOM是一个页面结构的api

1）DOM：document object model，文档对象模型

  • 用来获取或者设置文档标签的属性
  • JS可以通过DOM获取到有哪些标签，标签有哪些属性，内容有哪些
  • DOM操作的对象是文档，所以DOM和浏览器没有关系，关注网页本身的内容

2）BOM：browser object model，浏览器对象模型，提供独立于内容而与浏览器窗口进行交互的对象

  • 管理窗口之间的通讯，核心对象是window–》location（用于url相关的操作）、history（用于历史相关的操作），navigator（包含了浏览器相关的信息）
    在这里插入图片描述
    BOM各对象详述
weixin_46051260
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
什么是 DOM 和 BOM？
qq_46015513的博客
09-17 649
什么是 DOM 和 BOM？ DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口 ...
JS中的BOM和DOM的介绍与使用
赵广陆
04-26 1104
1.13BOM 和 DOM 对象 什么是BOM BOM是Browser Object Model的简写，即浏览器对象模型。 BOM由一系列对象组成，是访问、控制、修改浏览器的 属性的方法 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象 什么是DOM DOM是Document Object Model的简写，即文档对象模 型。 ...
js对象(BOM部分/DOM部分)
weixin_34176694的博客
11-09 185
JS总体包括ECMAScript，DOM，BOM三个部分，但是能够和浏览器进行交互的只有DOM和BOM，那么到底什么是DOM和BOM呢 概念 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 ...
JavaScript之彻底搞懂DOM与BOM及其区别与用法，2024年最新阿里P8面试官都说太详细了
最新发布
HUAXIAL的博客
04-17 572
先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。 既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大
JavaScript之彻底搞懂DOM与BOM及其区别与用法
热门推荐
跳探戈的小龙虾的博客
03-19 1万+
ECMAScript 是JavaScript（简称JS）的标准，浏览器就是去执行这个标准。 DOM（DocumentObjectModel ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。对于JavaScript：为了能够使JavaScript操作Html，JavaScript就有了一套自己的DOM编程接口。 BOM 是 Browser Object Model，浏览器对象模型。BOM 是为了控制浏览器的行为而出现的接口。
27、什么是DOM和BOM
sunnnnh的博客
06-03 7338
BOM是browser object model的缩写，简称浏览器对象模型。是用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 比如 alert();弹出一个窗口,这属于BOM
javascript bom是什么及bom和dom的区别
10-23
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧
DOM和BOM的使用
01-08
DOM（Document Object Model）和 BOM（Browser Object Model）是前端开发中两个基础概念。DOM 是一个文档对象模型，它将 HTML 文档抽象为一个树形结构，允许开发者通过 JavaScript 操作文档的内容和结构。BOM 则是...
javascript学习笔记（三）BOM和DOM详解
10-25
本文应用了很多实例，来解读JavaScript中BOM和DOM，DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的...
实现JavaScript的组成—-BOM和DOM详解
01-19
BOM的core，表示浏览器的一个实例，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象，这意味着在网页中定义的任何一个对象，变量和函数，都已window作为其Global对象，因此有权访问...
JavaScript的DOM，BOM简单介绍
qq_46469137的博客
12-13 3902
JavaScript能干什么 html：决定网页的结构（脑袋，身体，手脚） css：决定网页的布局及样式（高矮，胖瘦，黑白） JavaScript：定义网页的行为（走路，跑步，眨眼） 所以它究竟能干什么？ 可以添加或删除HTML元素，改变其内容，属性和样式 对页面所有的事件作出反应，实现页面与用户之间实时、动态交互，如用户注册，登录验证 增强页面动态效果，如下拉菜单，图片轮播，信息滚动 可以操作数据库，写动画，写游戏，做一些网页特效 … DOM（文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象
Javascript之理解BOM和DOM
pakerder的博客
10-13 1008
一个完整的JavaScript实现应该由以下三个部分构成：ECMAScript、DOM、BOM. ECMAScript: ES规定了JS的变成语法和基础核心知识，是所有浏览器厂商都遵守的JS语法工业标准。 DOM: 文档对象模型（Document Object Model），让我们通过DOM提供的接口来操作网页。DOM中，文档表示的就是整个HTML网页文档；对象表示将网页每个部分转换为一个对象；模型为使用模型表示对象间的关系，方便我们获取对象。通过dom，可以访问、
JavaScript的组成，什么是bom\dom?
yuyuyuyuyuyyuuyu的博客
02-14 97
通过语法对dom这个对象进行操作.DOM是JavaScript操作页面的接口，全称“文档对象模型”（Document Object Model）。JS提供了一个比较大的对象，document，让咱们操作整个页面的DOM元素操作 => 增、删、改、查；bom指的是浏览器这个对象，浏览器就是电脑里的浏览器，我们可以通过一些关于bom的程序命令去控制这个浏览器。bom包含了我们所看到的浏览器窗口和dom,bom这个模型最大的功能就是为我们提供了一访问HTML页面的一入口——document对象，
JS中的DOM与BOM
CodeNotes
08-08 3073
一.Javascript组成 JavaScript的实现包括以下3个部分： ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口 javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，加入了 ActiveXObject 类，可以通过 JavaS...
【JS基础】DOM和BOM
cannotbecounted的博客
07-03 627
对JS基础知识DOM和BOM进行简要的介绍。
JavaScript-DOM和BOM详解
主营前端方向，技术栈是vue
12-30 1029
DOM和BOM(DOM((简介,事件(onclick单击事件、onload事件),BOM(简介，分类，语法( Navigator 当前浏览器、Histry 向前或向后翻页、Location 地址栏的信息))
前端技术学习第四讲：JavaScript中DOM和BOM
跟着老高学Java
03-27 1649
JavaScript中DOM和BOM 一、DOM和BOM DOM：文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTMl和XML文档是通过说明部分定义的)。 BOM：浏览器对象模型（Browser Object Model)，简称BOM），是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可
javaScript笔记
heima201907的博客
02-11 221
今日内容： 1. JavaScript： 1. ECMAScript： 2. BOM： 3. DOM： 1. 事件 javaScript = ECMAScript + javaScript（b...
js中BOM和DOM总结（基础篇）
m0_63622279的博客
10-05 1076
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。
JS-ECMAScript.docx
04-17
JavaScript由ECMAScript（国际标准）、DOM（文档对象模型）和BOM（浏览器对象模型）三部分组成。 ECMAScript是JavaScript的核心，是一种由Ecma国际组织标准化的脚本语言规范。它定义了JavaScript的语法、基本数据...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值