您的位置:首页 > 教育 > 锐评 > 【JS】一篇BOM详解笔记 | b站李立超

【JS】一篇BOM详解笔记 | b站李立超

2026/2/6 21:30:01 来源:https://blog.csdn.net/2201_75503057/article/details/140857664  浏览:    关键词:【JS】一篇BOM详解笔记 | b站李立超

文章目录

  • 一、前言🚀🚀🚀
  • 二、BOM简介:☀️☀️☀️
      • 2.1 BOM是什么及有什么用
      • 2.2 BOM对象有哪些
  • 三、BOM各类对象讲解:☀️☀️☀️
      • 3.1 Navigator
      • 3.2 Location
      • 3.3 History
  • 三、补充知识🚀🚀🚀
      • 3.1 定时器
      • 3.2 调用栈
      • 3.3 消息队列


一、前言🚀🚀🚀

在这里插入图片描述

☀️
纽约的时间比加州早三个小时 但加州的并没有变慢。


这个系列可以叫作《前端从零开始系列》,花一周时间,把JS个人觉得笔记重点且常见的知识点,并且总结了起来。


二、BOM简介:☀️☀️☀️

2.1 BOM是什么及有什么用

  Brower Object Model(浏览器对象模型),BOM为我们提供了一组对象,通过这组对象,我们可以完成对浏览器的各种操作。DOM是操作网页的,Borwer操作浏览器。
  

2.2 BOM对象有哪些

1.Window
  代表浏览器窗口(全局对象),后面我们讲node js当中全局对象就会发生一些变化。
2.Navigator
  浏览器最早最火的网景公司推出的navigator浏览器,所以Navigator的话相当于是一个浏览器的代名词。通过这个东西我们可以去操作浏览器,我们浏览器除了显示网页等等功能,还有一个我们想获取用户的位置(定位),比如你做一个导航需要定位,那么可以通过navigator去获取。但是它更多的是用来识别浏览器。
3.Location
  通过这个Location,我们可以去获取浏览器的地址栏。
4.History
  浏览器的历史记录(只能记录访问次数,具体网页是什么js不能读)
作用:控制浏览器的前进后退。
5.Screen
  获取屏幕的信息。

在这里插入图片描述

三、BOM各类对象讲解:☀️☀️☀️

3.1 Navigator

  下面这段代码可以帮助我们去检查不同的浏览器(从官网example代码来的)

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

3.2 Location

  
在这里插入图片描述
在这里插入图片描述

3.3 History

  

在这里插入图片描述

三、补充知识🚀🚀🚀

3.1 定时器

  

在这里插入图片描述
在这里插入图片描述

3.2 调用栈

  
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

3.3 消息队列

在这里插入图片描述

  
  
Alt

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com