【JS笔记】JS中的BOM对象及其常见的BOM相关操作

于 2022-11-09 21:59:01 发布
阅读量464 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 【Web前端笔记】 文章标签： javascript 前端 BOM对象 JS操作BOM对象 浏览器对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39826207/article/details/126166472
本文详细介绍了JavaScript中的BOM（浏览器对象模型），包括获取浏览器窗口大小、弹出层（alert、confirm、prompt）、地址栏信息、窗口事件、打开关闭标签页、浏览器历史记录及本地存储的操作。重点讲解了window对象的属性和方法，如onload、onresize、onscroll、location.href、history对象以及localStorage和sessionStorage的使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这篇文章，主要介绍JavaScript中的BOM对象及其常见的BOM相关操作。

目录

一、BOM对象

1.1、什么是BOM

1.2、获取浏览器窗口大小

1.3、浏览器弹出层

（1）alert弹出框

（2）confirm询问框

（3）prompt输入框

1.4、获取浏览器地址栏信息

（1）href属性

（2）reload()刷新页面

1.5、window常用事件

（1）onload事件

（2）onresize事件

（3）onscroll事件

（4）scrollTo()事件

1.6、打开关闭标签页

（1）open打开新的标签页

（2）close关闭当前标签页

1.7、浏览器的历史记录

（1）forward进入下一个页面

（2）back返回上一个页面

（3）go返回或前进n个页面

1.8、浏览器本地存储

（1）setItem()保存数据

（2）getItem()获取数据

（3）removeItem()删除数据

（4）clear()清空所有数据

一、BOM对象

1.1、什么是BOM

BOM，全称是：Browser Object Model，浏览器对象模型，它主要是提供了一些操作浏览器的一些方法，例如：

  • 获取浏览器窗口大小。
  • 打开和关闭浏览器窗口。
  • 获取浏览器地址栏信息。
  • 设置浏览器的滚动条。
  • 查看浏览器版本信息。
  • 浏览器弹框提示信息等等。

上面这些操作浏览器的功能，全部统称为BOM对象，即：这些操作都是针对浏览器的。

BOM对象的核心是【window】对象，【window】对象是每一个浏览器内置的对象，window对象里面包含了许多操作浏览器的方法，在使用这些方法的时候，可以省略window对象

了解本专栏 订阅专栏 解锁全文 超级会员免费看