BOM概述笔记

最新推荐文章于 2025-09-27 08:22:04 发布
原创 最新推荐文章于 2025-09-27 08:22:04 发布 · 200 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
JavaScript之BOM DOM操作

当前文章被收录于：

JavaScript之BOM DOM操作
2 篇文章 0 人学习
订阅专栏 查看详情
本文详细解释了浏览器对象模型（BOM）的概念及其与文档对象模型（DOM）的区别。介绍了BOM的核心对象window及它的双重角色，同时列举了BOM包含的主要对象，如document、location等。

1.BOM定义
BOM(Browser Object Mode)是文档对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。
BOM由一系列对象构成，并且每个对象提供了很多方法和属性。
BOM缺乏标准，JavaScript语法的标准化阻止是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
2.BOM和DOM的区别

DOMBOM
文档对象模型浏览器对象模型
DOM就是把文档当做一个对象来看待BOM把浏览器当做 一个对象来看待
DOM的顶级对象是documentBOM的顶级对象是window
DOM主要学习操作元素界面BOM学习浏览器窗口交互的一些对象
DOM是W3C标准规范BOM是浏览器厂商在各自浏览器上定义的，兼容性差

3.BOM构成

BOM比DOM更大，它包含DOM
window包含document location navigation screen history
window对象是浏览器的顶级对象，它具有双重角色
(1)它是JS访问浏览器的一个接口
(2)它是一个全局对象，定义在全局作用域中的变量，函数都会变成window对象的属性和方法。在调用的时候可以省略window，前面学习的对话框都属于window对象方法，如alert()、prompt()
注意：windw下的一个特殊属性window.name，在声明变量的时候最好不要用name

标签
#javascript
QT+Opencv实现视频流播放
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
09-23 6430
1.流程 首先通过opencv打开视频流，获取到数据帧，然后将数据帧转换为QT可识别的图像，显示到QT界面上。 2.opencv解码线程源码 //DecodeOpencv.h #pragma once #include <QThread> #include <QObject> #include "opencv2/core/core.hpp" #include "opencv2/highgui/highgui.hpp" #include "opencv2/img..
语音识别：PyAudio、SoundDevice、Vosk、openai-whisper、Argos-Translate、FunASR（Python）
最新发布
算法工程师
09-27 673
本文介绍了Python中常用的音频处理库PyAudio，详细解析了其核心功能、核心概念和典型工作流程。PyAudio是一个跨平台的音频I/O库，支持音频录制、播放、实时流处理和低延迟操作。核心概念包括PyAudio类（管理音频设备和流）和Stream类（代表音频流）。文章重点讲解了open()方法的关键参数、回调函数的使用方式以及典型的工作流程，包括设备查询、流配置和资源释放。PyAudio适用于需要实时音频处理的场景，如语音识别和音频效果处理。
DOM操作
qq_43712187的博客
05-14 1866
一、DOM（document object model）简介 什么是DOM操作？ 通俗来讲dom是来操作html的一个手段，利用DOM可完成HTML文档中所有元素的获取，访问，标签属性和样式的设置的操作. 标签和元素的区别？ 我当时看到这个以为标签结束元素，元素就是标签，但发现在dom操作对这两者是分开说明的，就查了一下 —标签：话说在html中用<>就是标签 —元素：<p...
（87页PPT）6大领域+50个战略框架模型.pptx
（87页PPT）6大领域+50个战略框架模型.pptx
DOM与BOM详解
dd的博客
03-12 3822
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
BOM DOM
Waller_的博客
09-10 318
JavaScript---BOM和DOM BOM和DOM实现与网页交互 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对...
DOM（操作）
weixin_45789701的博客
11-19 2747
前端笔记4 JavaScript - DOM
Dom 与 Bom 学习
angel_791的博客
06-26 1955
JS进阶 DOM BOM
学习笔记17_BOM概述
ankh的博客
07-10 261
BOM 比 DOM 更大。它包含 DOM。window 对象是浏览器的顶级对象，它具有双重角色它是 JS 访问浏览器窗口的一个接口它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt()等。注意：window有一个特殊属性 ，所以尽量不要把变量名命名为 殊属性window.name console.log(window.num);...
< 笔记 > DOM - 02 BOM 概述
Kevin Song Homepage
10-11 264
02 BOM 概述 02-01 window中常用对象 02-02 window中常用方法 02-03 window中常用事件 02-04 document对象 02-05 节点操作
JS学习笔记---16 BOM-1、BOM 概述
weixin_51744858的博客
08-19 214
BOM 1、BOM 概述 1、什么是 BOM BOM 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 1.2、BOM 的构成 BOM 比 DOM 更大，它包含 DOM。 window 对象是浏览器的顶级对象，它具有双重角色。 1、它是 JS 访问浏览器窗口的一个接口 2、它是一个全局变量。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。 在调用的时候可以省略 w
BOM笔记:bom概述、window对象的常见事件、定时器、JS执行机制、location、history对象
m0_65639340的博客
08-05 324
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。DOM文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 document。...
【BOM笔记】基本概述、window对象常见事件、定时器、JS执行机制、location/navigator/history对象
waski的博客
03-13 1106
文章目录1 BOM概述1.1 什么是BOM1.2 BOM的构成2 window 对象的常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 `setTimeout()` 定时器3.2 `setInterval()` 定时器3.3 this4 JS 执行机制4.1 JS 是单线程4.2 同步和异步4.3 JS 执行机制5 `location` 对象5.1 属性5.2 方法6 `navigator` 对象7 `history` 对象 1 BOM概述 1.1 什么是BOM BOM（Browser
前端入门一之BOM、window对象常见事件、定时器、JS执行机制、location对象、navigatior对象、history对象
羊小猪~~的博客
11-10 1517
BOM ：是浏览器对象模型对象核心是windowDOMBOM文档对象模型浏览器对象模型DOM就是把文档当中一个对象把浏览器当作一个对象DOM的顶级对象是documentBOM的顶级对象是 windowDOM主要学习的是操作页面的元素BOM学习的是浏览器交互的一些对象兼容性好兼容性较差BOM包含DOMwindow对象是浏览器的顶级对象，它具有双重角色。
SAP PP学习笔记04 - BOM1 - BOM创建，用途，形式，默认值，群组BOM等
shi_ly的专栏
02-29 7010
本章讲了BOM的相关知识。创建BOM，BOM的用途，形式，默认值，群组BOM等内容。
SAP PP学习笔记07 - 简单BOM，派生BOM，多重BOM，批量修改工具 CEWB
shi_ly的专栏
03-06 3651
本章讲 派生BOM 和 多重BOM，以及 CEWB 这个强大的工具，用以批量修改BOM数据，要比CS02 或 CS20 要强大。
什么是DOM和BOM？
热门推荐
似水流年QC的博客
06-01 2万+
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
第一章 JavaScript --下
业精于勤，荒于嬉
07-15 512
由于实际开发时基本上都是使用JavaScript的各种框架来操作，而框架中的操作方式和我们现在看到的原生操作完全不同，所以下面罗列的API仅供参考，不做要求。 2.5.6.5 属性操作 需求 操作方式 读取属性值 元素对象.属性名 修改属性值 元素对象.属性名=新的属性值 2.5.6.6 标签体的操作 需求 操作方式 获取或者设置标签体的文本内容 element.innerText 获取或者设置标签体的内容 element.innerHTML 2.5.6.7
11.前端JavaScript之【BOM操作】&【DOM操作】
放纵kf的博客
11-18 1490
目录 1.BOM与DOM操作基本概念 2.BOM操作 (window对象，window子对象，弹出框，计算器) 3.DOM操作(查标签，操作标签，操作class与css，获取值) 1.BOM与DOM操作基本概念 1.BOM: 浏览器对象模型 Browser Object Model js代码操作浏览器 2.DOM: 文档对象模型 Document Object Model js代码操作标签 2.BOM操作 (windo..
BOM操作
w1lgy的博客
09-25 558
BOM是Browser Object Model的简写，意思是流量器对象模型，BOM操作就是访问和操作浏览器窗口的模型。 BOM整体对象图: 核心是window对象；以下有特殊双重身份：window对象既是ECMAScript规范中的Global对象，也是BOM中的顶级对象；document对象既是BOM顶级对象的一个属性，也是DOM模型中的顶级对象location对象既是window对象的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值