通俗理解DOM和BOM

最新推荐文章于 2023-06-01 22:30:00 发布
最新推荐文章于 2023-06-01 22:30:00 发布
阅读量1.2k 收藏 4
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jessica_wyy/article/details/75093649
版权

JS有三部分组成，分别为：ECMAScript、DOM和BOM，那么DOM和BOM到底是什么呢

DOM:Document Object Model(文档对象模型)

其实光说文档对象模型还是很抽象的一个概念，到底什么是文档对象模型呢，其实说白了DOM就是针对HTML和XML提供的一个API（通俗地讲就是操作HTML的内容）

BOM:Browser Obeject Model(浏览器对象模型)

前面说了DOM，那么BOM顾名思义就是为了控制浏览器行为的接口，比如跳转页面，获取屏幕大小等等

关于DOM和BOM详细的内容可以去w3school里面学习，这里只是通俗地理解
无所谓的小蜗牛
关注
专栏目录
浅谈DOM和BOM
跟着信仰走
07-26 484
1.1，文档对象模型 文档对象模型（DOM，Document Object Model）是针对XML但是经过扩展用于HTML的应用程序编程接口（API）.DOM把整个页面映射为一个多层节点结构.HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据，开发人员获得了控制页面内容和结构的主动权，借助DOM提供的API，开发人员可以轻松自如地删除，添加，替换或修改任何节...
一阶段P1~P96（PJavaScript基础语法-dom-bom-js-es6新语法-jQuery- 数据可视化echarts 黑马pink老师前端入门基础视频教程（持续更新）
qq_31645143的博客
06-10 1186
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 JavaScript笔记计算机编程基础变量\color{red}{\large{变量}}变量1. 变量概述2. 变量的使用3.变量的初始化1. 数据类型简介1.1为什么需要数据类型1.2变量的数据类型1.3数据类型的分类2. 简单数据类型2.1简单数据类型（基本数据类型）2.2数字型 Number2.3字符串型 String2.字符串转义符2.5布尔型 Boolean2.6Undefined 和 Null3.1获取检测变量的数据类型3.2字
DOM和BOM的区别
BeefAndPotatoes的专栏
07-25 2480
最近刚学完javascript，通过查阅资料与上课的内容结合将DOM和BOM作了一些比较如下： 首先，BOM的全称为Browser Object Mode，中文名是浏览器对象模型。它的一些功能和特性如下： 1. BOM提供了独立于内容而与浏览器窗口进行交互的对象 2. 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window 3. BOM由一系列相关的对象构成，并且
DOM和BOM的简单理解
weixin_43730646的博客
11-20 245
DOM （文档对象模型 document object model） 一套操作页面的元素的API DOM可以把HTML看做是文档树，通过dom提供的API可以对树上的节点操作 DOM是有节点构成的（常见的四类） 1、文档节点、document(DOM中最大的节点) 2、元素节点、标签（用的最多-获取） 3、属性节点、标签属性（操作最多） 4、文本节点、文字和空白（操作较少） BOM 一套操作浏览器...
BOM和DOM的理解
liulang68的博客
06-30 342
BOM是browser object model的缩写，简称浏览器对象模型。是用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 比如 alert();弹出一个窗口,这属于BOM DOM是Document ，简称文档对象模型。是用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。document.getElementById("").value; 这属于DOM ...
BOM 对象模型(全,适合萌新,通俗易懂)
Bioye_的博客
11-04 738
BOM 浏览器对象模型 JavaScript 通过 BOM (Browser Object Model) 操作浏览器. window 对象 浏览器打开的每一个窗口, 被看成 BOM 的一个实例对象. window 对象 window 对象中的 子对象: document 对象 包含当前窗口所显示页面文档的所有内容, 是学习的重点. location对象 操作地址栏 history对象 访问历史记录 screen对象 查看屏幕信息 navigator对象 查看浏览器特性（版本、厂商、
面试官：BOM对象有哪些？你用过哪些？
发果叁
10-13 938
利用search我们就可以不用分割url便获得了url的查询字段，再借助字符串分割，我们就能很方便的获取url参数了。
BOM 和offset、client、scroll系列
bcsdhbiubfcas的博客
12-01 183
Web前端学习总结第七周 JavaScript 一、BOM浏览器对象模型 1、BOM概述 BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM的构成 window对象是浏览器的顶级对象，它具有双重角色。 它是JS访问浏览器窗口的接口。 它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。 2、window对象的常见事件 （1）窗口加载事件 window.onload = function() {}; window.a
BOM
疯子i的博客
06-01 164
1、BOM概述 1.1 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分 DO...
关于BOM的理解
weixin_33752045的博客
02-06 151
BOM提供了很多对象，用于访问浏览器的功能，这些功能与网页内容无关 BOM的核心对象时window，她表示浏览器的一个实例 window的双重角色 1.JS访问浏览器窗口的一个接口 　　　　　　　　　 2.ECMAScript规定的Global对象（浏览器环境下），也就是说，在网页中定义的任何一个对象，变量，函数，都是以window为根对象 在JS中，不存在独立的函数，所有的函数都一...
DOM & BOM
sunday2018的博客
02-06 263
DOM和BOM DOM Document Object Model，是一种接口规范(API)，提供访问和操作网页内容的方法和接口。 <html> <head> <title>DOM</title> </head> <body> <p>aaa</p> </body> </html> 上面的HTML文档结构根据DOM标准就会被映射成一个DOM树 BOM Browser Ob
dom和bom
timeares的博客
05-02 74
DOM树 DOM优化之一： 如果只用一个条件就能查找到想要的元素时： 首选使用getElementXXX------效率高 如果要查找的条件复杂时，在使用querySelector或…All
DOM和BOM
m0_63170206的博客
05-26 343
1.DOM 1.1DOM概述 1.dom是处理可扩展标记语言的标准编程接口，可以改变网页的样式，内容和结构 2.文档：一个页面就是一个文档（document） 3.元素：页面中的所有标签都是元素（element） 4.节点：网页中的所有内容都是节点（标签，属性，文本，注释等）（node） 4.对象：文档，元素，节点都是对象 获取元素 1.id获取 getElementByid() 1.2获取元素 获取元素 <script> // 1.id获取---id是大小写敏感的字符串 // cons
组成js部分的DOM&BOM通俗解释
Zhan_LV的博客
08-01 372
DOM:document object model 整个文档对象(是为了让js更好的和HTML交互)       BOM和DOM:浏览器对象 这是两个比较大的对象，js的最主要功能就是操纵这两个模型里面的东西bom是代表浏览器，dom是代表一个网页文档。 BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。DOM是文档对象模型，...
【JS】DOM与BOM
王雪娜--Alisa
06-21 973
JS至今已经看过了很多集，很多天，投入了很多精力，很多时间，很多感情。但是我貌似对JS投入的爱没有那么多，总感觉在这个阶段整个人都是飘飘悠悠的，感觉像是天上的白云，随风晃动，没有深刻的了解和感受。于是，这时候也许就该停下来想一想，总结一下。首先从我自己比较感兴趣的地方入手，因为DOM是在我还停留在ASP.Net学习过程中就开始学习的知识，也看过了书和博客，看过了例子，直到JS看到BOM我才又想重新拾
BOM和DOM
qq_43093129的博客
04-24 510
1. BOM和DOM的区别与联系 BOM： Browser Object Model （浏览器对象模型），通过BOM的对象和方法可以完成对浏览器窗口的操作，如：关闭浏览器，前进，后退，修改地址栏上的地址等。BOM的顶级内置对象是window DOM： Document Object Model（文档对象模型），通过DOM的对象和方法可以完成对网页中元素的增删改，让网页产生动态效果。DOM的顶级内置对象是document BOM是包括DOM的，即window包括document 2. innerHTML属
什么是DOM和BOM？
最新发布
似水流年QC的博客
06-01 2万+
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
通俗的解释下DOM元素
05-18
DOM（Document Object Model）是一种用于表示和操作HTML或XML文档的标准编程接口。在Web开发中，DOM元素就是指HTML或XML文档中的各个标签（如div、p、a等）以及标签中的属性（如id、class、href等）。 每一个DOM元素都被看作是一个对象，可以通过JavaScript等编程语言来访问和修改它们的属性和内容。例如，可以使用document对象来获取DOM元素，并通过其属性和方法来修改元素的样式、内容等。这使得开发者可以动态地操作文档，实现复杂的交互效果，如动态更新页面内容、响应用户的操作等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值