【JavaScript学习笔记14】BOM（浏览器对象模型）与DOM（文档对象模型）简介

最新推荐文章于 2023-09-28 14:50:14 发布
最新推荐文章于 2023-09-28 14:50:14 发布
阅读量474 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RayCongLiang/article/details/104292984
版权

引言

JS在浏览器的开发中，离不开BOM与DOM的使用。本篇笔记开始记录浏览器网页窗口的操作与设置（BOM），以及网页中的一些特效功能（DOM），首先要了解一下BOM与DOM。

BOM（Browser Object Model）

BOM：浏览器对象模型

功能：提供了独立于内容，直接与浏览器窗口进行交互的对象
主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性

DOM：文档对象模型

功能：动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)，核心对象是：document

BOM与DOM的关系

借用网络一张关系图，将BOM与DOM的关系解释的特别清楚：
在这里插入图片描述

  • 在顶层是基于Window对象
  • 整个BOM可以说是所有对象的集合，在Window对象里面有一个子对象：document对象
  • 其中window,document对象尤为重要
javascript学习笔记（三）BOM和DOM详解
01-19
我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 ...
javascript学习基础笔记之DOM对象操作
01-19
`document`是浏览器窗口的一部分，属于BOM（浏览器对象模型）的成员，但同时它也是DOM的一部分，具体表现为HTML DOM的`HTMLDocument`对象。这意味着你可以通过`document`来获取和修改页面上的所有元素。 访问HTML...
JS DOM（文档对象模型）与BOM（浏览器对象模型）
weixin_30437337的博客
04-01 284
在JS中，对DOM（Document Object Model）对象和BOM（Browser Object Model ）对象的操作是非常重要的内容。DOM主要包括HTML文档的属性和方法，像对HTML节点的操作，CSS的操作和HTML事件的监听和处理。BOM不要包括浏览器相关的一些属性和方法。 DOM知识点 1、改变页面的元素和属性 a、获取元素的方法： document.ge...
文档对象模型（DOM）浏览器对象模型（BOM）
weixin_42419575的博客
01-12 521
学习目标： JavaScript 高级程序设计(第3版)中第一章内容 1.2.2 文档对象模型（DOM） 1.2.3 浏览器对象模型（BOM） 学习内容： 1.2.2 文档对象模型（DOM） 文档对象模型（DOM，Document Object Model）是针对 XML 但经过扩展用于 HTML 的应用程序编 程接口（API）DOM 把整个页面映射为一个多层节点结构。HTML或 XML 页面中的每个组成部分都是某种类型的节点 开发人员首次无需重新加载网页，就可以修改其外观和内容了，但不能只编写一个 HT
BOM（浏览器对象模型）和DOM(文档对象模型)
kuke_kuke的博客
09-28 1903
什么是BOM（浏览器对象模型）BOM：(Browser Object Mode) 浏览器对象模型。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性，也因此称之为：浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。window对象是BOM的顶层(核心)对象，它可以表示整个浏览器的窗口，所有对象都是通过它
浏览器窗口对象
weixin_33795833的博客
11-03 469
javascript最强大的功能也就在于能够直接访问浏览器窗口对象及中的子对象。浏览器窗口对象包括以下三个子对象：1、windows对象：浏览器窗口本身，它还有一个子对象----location对象。2、history对象：已访问Web站点的URL。3、document对象：浏览器窗口中的网页文件。windows对象1、windows对象的属性windows对象属性首先必须有一个名字属性，这就是访...
BOM浏览器对象模型，DOM文档对象模型
qq_39153706的博客
07-12 189
BOM浏览器对象模型，DOM文档对象模型 BOM：Browser Object Model 浏览器对象模型 概念：将浏览器的各个组成部分封装为对象 特点：BOM对象不能自己创建，当文档加载进内存，浏览器自动创建。 组成： Window(*****)：窗口对象 Location(**)：地址栏对象 History(*)：历史记录(当前窗口)对象 Navigator ：浏览器对象 基本不用仅作了解
深入理解JavaScript的DOM与BOM：浏览器交互与内容操作关键
在JavaScript的学习笔记中，我们关注了BOM（浏览器对象模型）和DOM（文档对象模型）这两个关键概念。JavaScript的核心组成部分由ECMAScript、DOM和BOM共同构成。DOM是W3C制定的标准，是HTML和XML文档的API，它提供了...
浏览器对象模型BOM、文档对象模型DOM
CIA的博客
08-27 254
BOM 1.浏览器对象模型(broswer object model) 2.window 所有没加前缀的属性和方法其父元素为window 具有阻塞行为的三个弹出框 alert(); 弹出框具备阻塞行为 prompt(); 由键盘l录入数据 prompt（[提示信息]，[默认值]） 返回一个字符串 confirm confirm(提示信息) 返回布尔值 两个定时器 循环定时器 setInterval(回调函数，间隔)：返回关闭定时器的钥匙
BOM浏览器对象模型、DOM文档对象模型
qq_48937489的博客
11-20 1695
BOM浏览器对象模型、DOM文档对象模型一、BOM浏览器对象模型1.浏览器的窗口尺寸1.1 获取浏览器的高度1.2 获取浏览器的宽度2.浏览器的弹出层2-1 alert() 警告框2-2 confirm() 选择框2-3 prompt() 输入框3.浏览器的地址栏4.浏览器的历史记录5.浏览器的版本信息6.浏览器的常见事件7.浏览器卷去的高度和宽度8.短路表达式二、DOM文档对象模型1.获取DOM元素2.操作元素属性3.操作元素类名4.操作元素文本内容 一、BOM浏览器对象模型 BOM —— B
JS DOM（文档对象模型）与BOM（浏览器对象模型）
qq_31971935的博客
08-18 449
在JS中，对DOM（Document Object Model）对象和BOM（Browser Object Model ）对象的操作是非常重要的内容。DOM主要包括HTML文档的属性和方法，像对HTML节点的操作，CSS的操作和HTML事件的监听和处理。BOM不要包括浏览器相关的一些属性和方法。DOM知识点 1、改变页面的元素和属性a、获取元素的方法： document.getElementByI
浏览器对象模型（BOM）与文档对象模型（DOM）
可达鸭的博客
11-18 201
浏览器对象模型（BOM）与文档对象模型（DOM）
2-5. JS文档对象模型(DOM)、浏览器对象模型(BOM)
淡泊以明志，宁静以致远
03-09 469
HTML元素层次关系： 父子关系、祖先关系、兄弟关系 文档对象模型： DOM是针对HTML和XML文档的一个API（应用程序编程接口），DOM描述了一个层次化的节点数，允许开发人员添加、移除和修改页面的某一部分，它是一种让我们能够与HTML交互的机制，DOM不属于某种特定的语言 使用DOM： JS是怎么使用DOM这个接口操作页面的元素 在JS中我们可以使用全局变量docum...
js基础运用 day 6 ——BOM--浏览器对象模型、DOM--文档对象模型
三木的博客
07-27 224
BOM:把浏览器窗口封装成对象模型，供js进行访问。最重要的一个对象是:window <!DOCTYPE html> <html> <head> <title>BOM--浏览器对象模型</title> <meta http-equiv="keywords" content="keyw
浏览器对象模型DOM
Awangwlx的博客
08-21 836
BOM介绍 BOM是浏览器对象模型 仅是 JavaScript实现的一部份，没有相关标准。 BOM 能做什么？（能够操作浏览器的窗口。DOM是操作组件） -操作浏览器窗口 -提供导航对象 -提供定位对象 -提供跟屏幕相关对象 -提供对cookie的支持 Window对象（有一个属
webApi
qq_38686150的博客
09-03 100
webApi 获取元素 获取body document.body 根据id获取元素 document.getElementById('id名') 根据标签名获取元素 document.getElementsByTagName('标签名') 根据选择器获取元素 // 根据选择器获取单个元素 document.querySelector('选择器'); // 根据选择器获取一组元素 document.querySelectorAll('选择器'); document.getElements
JAvaScript和DOM（文档对象模型）和BOM（浏览器对象模型）
wang2963973852的博客
10-27 6357
DOM是针对XML但经过扩展用于HTML的应用程序编程接口DOM把整个页面映射成一个多层节点结构，HTML页面中的每一个组成部分都是某种类型的节点，这些节点也包含这不同类型的数据
文档对象模型dom和浏览器对象模型bom
最新发布
m0_53842576的博客
09-28 52
总之，DOM 主要关注网页内容的访问和操作，而 BOM 主要关注浏览器窗口和浏览器本身的控制。这两者共同构成了浏览器提供的编程接口，使开发人员能够创建交互性强、动态性的网页应用程序。文档对象模型（DOM）和浏览器对象模型（BOM）是两个关键的概念，用于描述浏览器中的不同对象和功能。
BOM 浏览器对象模型和DOM 文档对象模型
weixin_30652491的博客
08-14 230
浏览器对象模型BOM 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 BOM的左右 弹出新浏览器窗口的能力； 移动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值