DOM BOM document window 区别

DOM与BOM解析
最新推荐文章于 2024-04-20 16:43:15 发布
最新推荐文章于 2024-04-20 16:43:15 发布
阅读量37 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/mengfangui/p/7986203.html
本文详细解释了DOM（文档对象模型）与BOM（浏览器对象模型）的概念，并通过图表直观展示了二者分别负责浏览器中哪些区域的操作。DOM主要用于操作文档结构，而BOM则侧重于浏览器功能。
DOM 是为了操作文档出现的 API，document 是其的一个对象；
BOM 是为了操作浏览器出现的 API，window 是其的一个对象。
 
使用下图讲解：
 

归DOM管的：

E区：即document

 

归BOM管的：

A区：浏览器的地址栏，书签栏等

B区：右键菜单

C区：document加载时的状态等

D区：滚动条

E区：document

转载于:https://www.cnblogs.com/mengfangui/p/7986203.html

DOM 与 BOM 的区别
江湖的博客
02-21 593
DOM专注于网页内容和结构，通过 JavaScript 操作 HTML 元素。BOM专注于浏览器本身的操作，提供对浏览器窗口、地址栏、历史记录等功能的访问接口。这两者通常是一起使用的，构成了前端开发中的基本操作环境。
JS中DOM和BOM
qq_56101688的博客
10-31 905
DOM（文档对象模型）是一个跨平台和语言独立的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在网页浏览器中，DOM 通常表示 HTML 或 XML 文档的对象模型。DOM 将网页内容视为节点树，其中每个节点都是文档中的对象，例如元素、属性、文本等。：在 Web 浏览器中，文档通常是指网页，即 HTML 或 XML 文件。：对象模型是将文档内容表示为对象集合的一种方式，这些对象可以由程序代码进行操作。：DOM 将文档结构表示为节点树，树中的每个节点代表文档的一部分。
DOM操作（Window.document对象）
weixin_30345055的博客
11-29 140
间隔与延迟： 间隔一段代码； window.setInterval（“代码”，间隔执行秒数） 延迟一段时间后执行一段代码； window.setTimeout（“执行代码”，延迟秒数（毫秒））. 对象 1.window.document； docunment.getElement.ById(“id”) 根据id找到.一个 var a=docunment.getElementByI...
JS的BOM和document对象
Alex十年的博客
11-28 1091
七、JS中的BOM对象（browser object model） 1.navigator获取客户端信息，浏览器的信息 document.write(navigator.appName); 2.screen获取屏幕的信息，宽、高、分辨率等等 document.write(screen.width); document.write(screen.height); 3.location请...
document在DOM、BOM中是何种存在
m0_47520766的博客
09-18 340
DOM：文档对象模型，是由W3C规范的用于操作HTML / XML文档的一系列方法的集合。比如添加某些元素、修改元素内容、删除某些元素。BOM：浏览器对象模型，缺乏标准，用于操作浏览器的一系列方法的集合。比如跳转到另一个页面、前进、后退。
javascript / DOM、BOM、document、window 区别和联系
布袋和尚
10-10 698
作者：Vkki 链接：https://www.zhihu.com/question/33453164/answer/56549408 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 我试着用通俗的语言解释一下。 这几个都是 JS 里面的概念。 先说 DOM： DOM 全称是 Document Object Model，也就是文档对象模型。 DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如.
DOM BOM document window
yangxiaoyanger的博客
03-30 156
DOM 是为了操作文档出现的 API，document 是其的一个对象；BOM 是为了操作浏览器出现的 API，window 是其的一个对象。
javascript bom是什么及bom和dom的区别
11-22
BOM与DOM的主要区别在于它们关注的焦点不同： - **BOM**专注于浏览器窗口和相关功能的交互，如窗口操作、导航、浏览器信息等。由于缺乏统一标准，不同浏览器可能对BOM的实现有所差异。 - **DOM**（Document Object ...
Web APIs+DOM+BOM
DYHHH06的博客
04-20 2372
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。
从零学前端第九讲：JavaScript的Dom和Bom
IT修真院：初学者转行到互联网的聚集地
10-29 582
修真院Web工程师零基础全能课 本节课内容： JavsScript的Dom和Bom 主讲人沁修 项目经验丰富，擅长H5移动项目、敏捷开发。 直播录屏版 传送门：https://v.qq.com/x/page/q0732gi60q6.html 1、什么是DOM DOM就是文档对象模型，什么是文档对象模型？这就需要好好说说了。 HTML的文档docume...
区分BOM和DOM，区分window、document、html、body
xswl134679的博客
01-30 901
BOM与DOM解释与分析、区分window、document、html、body。
DOM，BOM，window的区别
04-25 799
我试着用通俗的语言解释一下。 这几个都是 JS 里面的概念。 先说 DOM： DOM 全称是 Document Object Model，也就是文档对象模型。 DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树（DOM树），...
BOM--document对象
青柠小甜味
02-11 248
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BOM--document对象</title> <script> /* document对象: 常用对象集合: forms:代表页面中所有表单的集合 返回值是一个数组 常用对象方法: white():文档中打印信息 w
公路工程机械设计制造与自动化发展方向.docx
最新发布
09-10
公路工程机械设计制造与自动化发展方向.docx
电子商务实训心得体会范文.docx
09-10
电子商务实训心得体会范文.docx
Excel表格通用模板：成品管理表格.xls
09-10
Excel表格通用模板：成品管理表格.xls
pygtk2-codegen-2.24.0-24.module_el8.0.0+36+bb6a76a2.tar.gz
09-10
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
document、BOM和window的区别
03-28
1. Document：是DOM树结构的根节点，代表整个HTML文档，可以访问和操作文档中的所有元素和属性。 2. BOM（Browser Object Model）：是浏览器对象模型，提供了与浏览器窗口交互的API，如弹出窗口、滚动条位置、浏览器历史记录等。 3. Window：是BOM的顶层对象，表示浏览器窗口或框架，它包含了所有的全局变量、方法和对象，可以通过window对象访问和操作BOM和DOM。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值