前端学习之BOM（浏览器对象模型）

最新推荐文章于 2023-09-10 23:55:46 发布
最新推荐文章于 2023-09-10 23:55:46 发布
阅读量468 收藏 2
点赞数
分类专栏： 前端 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zglibk/article/details/106936518
版权
本文详细介绍了BOM（浏览器对象模型），包括window对象的常见事件如加载和大小调整，定时器的使用，JavaScript执行机制的单线程、同步与异步，以及location和history对象的功能。通过学习，你可以更好地理解和掌握前端开发中的BOM操作。
摘要由CSDN通过智能技术生成

目录

1. BOM概述

1.1 定义

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。

DOM、BOM 比较

DOM BOM
文档对象模型 浏览器对象模型
把文档当做一个对象来看待 把浏览器当做一个对象来看待
顶级对象是 document 顶级对象是 window
操作页面元素 浏览器窗口交互的一些对象
是W3C 标准规范 是浏览器厂商在各自浏览器上定义的，兼容性较差
了解本专栏 订阅专栏 解锁全文 超级会员免费看
←か淡定☆ ヾ
关注
专栏目录
订阅专栏
【前端知识之JS】BOM的理解
weixin_44337386的博客
06-07 1570
本系列主要整理前端面试中需要掌握的知识点。本节介绍BOM是什么，以及常用的BOM：window,location,navigator,screen,history。
前端BOM详解
weixin_45683187的博客
12-29 2258
文章目录一、window对象二、frames三、窗口位置四、窗口大小五、导航和打开窗口六、定时器七、系统对话框 一、window对象 BOM核心对象是window，代表浏览器实例！ window有双重意思。1：是指JS访问浏览器窗口的接口。2：是ECMAScript规定的Global对象。 *window（Global）对象 特点是全局作用域，并且在全局创建的变量是无法被删除的* 因为在创建全局变量的时候 该属性有一个configgurable的属性，值为false (configgurable参考j
前端开发 —— BOM
05-06 1222
0. BOM vs. DOM BOM：Browser Object Model，浏览器对象模型，是在 web 中使用 JavaScript 的绝对核心； BOM：提供了独立于内容而与浏览器窗口进行交互的对象。 BOM 提供了很多对象（window、location、navigator），用于访问浏览器的功能，这些功能与任何网页内容无关； DOM：Document Object Model，D...
前端3——BOM
yaocong1993的博客
08-31 737
十二、BOM BOM（Browser Object Model）浏览器对象模型，提供与浏览器交互的方法和接口。BOM的核心对象是window，表示浏览器的一个实例，window对象既是ECMAScript规定的Global对象，又是通过js访问浏览器窗口的一个接口。 1、对象 （1）navigator：浏览器信息 （2）location：浏览器定位和导航 操作url的各个部分...
15-BOM
05-29 133
BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。 什么是BOM B...
BOM 浏览器对象模型
Lotus_fragrance的博客
05-30 1022
1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM： 1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
BOM-浏览器对象模型，有这一篇就够了
qq_180494790的博客
10-30 880
~ window 对象是一个全局对象，也可以说是JavaScript的顶级对象 ~像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。 ~所以所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 ~window对象下的属性和方法调用的时候可以省略window
BOM（浏览器对象模型）
qq_60837087的博客
10-27 715
两种定时器函数的使用
JavaScript 精讲BOM(浏览器对象模型)
m0_61773971的博客
03-13 148
点每英寸，常用于平面印刷,不同的显示器分辨率不一样，物理尺寸也不一样，因此你用一张一英寸长的小纸条按在屏幕上，能被你盖住的像素的个数也是不一样的,我们把一英寸里能包含的像素的个数叫做屏幕的解析度，单位叫 DPI（dots per inch）又称“设备像素”，屏幕的物理像素在每个设备出厂时已经被固定好，任何设备屏幕的物理像素都是固定不变的，物理像素的单位是pt（点），pt（点）是一个绝对单位.又称“设备独立像素、逻辑像素”，css中使用的像素是一个抽象的概念，单位是px，px是一个相对单位，并不是绝对单位.
BOM基础学习,前端学习
06-30
BOM是browser object model的缩写，简称浏览器对象模型。它提供了独立于内容而与浏览器窗口进行交互的对象，并且每个对象都提供了很多方法和属性。BOM主要用于管理窗口与窗口之间的通信，因此其核心对象时window。
前端基础（十八、BOM）
小鱼干儿的博客
02-13 496
十八、JS BOMBOMWindow BOM BOM是浏览器对象模型的缩写，它允许JS与浏览器对话。BOM提供了一些访问窗口对象的一些方法，它还提供了一个访问HTML页面的一入口——document对象，通过document对象我们可以操纵DOM元素完成更多更强大的功能。 Window 所有的浏览器都支持Window对象。Window对象是BOM的顶层对象，其他所有都是由Window延伸出来的，全局变量是 window 对象的属性，全局函数是 window 对象的方法， DOM 的document 对象也是
前端基础之BOM和DOM
weixin_30561177的博客
06-03 121
概念展开： 之前学习了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览...
前端BOM操作详解：从基础到实践
最新发布
DevCorner的Pro技术博客
09-10 633
BOM提供了与浏览器窗口和导航等交互的功能，通过它，我们可以控制浏览器窗口的大小、滚动、定位和其他更多操作。BOM是以浏览器窗口为对象，提供了一系列的方法和属性，用于操作浏览器窗口和与浏览器交互。例如，可以在弹出窗口中添加一个按钮，当用户点击该按钮时，通过JavaScript向父窗口发送消息。在父窗口中监听消息并执行相应的操作。在使用弹出窗口时，需要对用户输入进行严格的过滤和转义，以避免出现XSS和CSRF攻击。通过window对象，我们可以访问其他的BOM对象，以及执行许多与浏览器窗口相关的操作。
前端之BOM
ancan7211的博客
06-03 93
前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript...
前端之DOM,BOM
qq_597221342的博客
04-26 252
获取浏览器的各种属性网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.
前端技术——6——JavaScript-BOM、DOM对象
kaoa000的专栏——非淡泊无以明志，非宁静无以致远
03-10 846
BOM——浏览器对象，使JavaScript有能力与浏览器对话，包括Window对象、History对象、Location对象。 window对象： Window对象是内置对象，已经实例化为window，alert（）即是window对象的方法，完整的写法是window.alert（）。还包括： confirm（）：有两个按钮，确定、取消，alert只有确定。确定返回值true，取消返回值false。 propmt（）：有一个文本输入框，确定返回输入框的内容，取消返回值为null。 open（）：打开一
前端基础学习-----BOM
weixin_68494982的博客
11-29 1148
学习前端API-BOM学习
前端面试之Bom
mai0824的博客
03-21 487
什么是BOM？ 1.什么是BOM？ BOM是用来判断文本文件是哪一种Unicode编码的标记，其本身是一个Unicode字符（"\uFEFF"），位于文本文件头部。 在不同的Unicode编码中，对应的bom的二进制字节如下： Bytes Encoding FE FF UTF16BE FF FE UTF16LE EF BB BF UTF8 所以我们可以根据文件头部的几个字节和上面的表格对应来判断该文件是哪种编码形式。 2. 如何查看你文件的BOM字符？ BOM头在记事本中是看不到的 以UTF8为例，新建
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

←か淡定☆ ヾ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值