前端BOM

简介: BOM

BOM

BOM是浏览器对象模型(Browser Object Model)的缩写。它是一种用于表示和操作浏览器窗口和浏览器功能的编程接口。与DOM类似,BOM也是由W3C维护的标准,但并没有像DOM那样具体和统一的规范。

当谈论前端BOM(浏览器对象模型)时,我们指的是浏览器提供的一组对象和接口,用于操作浏览器窗口、浏览器历史、浏览器的位置等信息。BOM不同于DOM,它主要用于操作浏览器本身的特性,而不是操作网页内容。

窗口对象(Window Object)

窗口对象代表浏览器窗口或标签页,它提供了许多方法和属性,用于控制浏览器窗口的行为。

  • window.open():打开一个新窗口或标签页。
  • window.close():关闭当前窗口或标签页。
  • window.resizeTo():调整窗口的大小。
  • window.moveTo():移动窗口的位置。
  • window.location:获取或设置当前窗口的URL。
  • window.history:管理浏览器的历史记录。

历史对象(History Object)

历史对象允许您与浏览器的历史记录进行交互,导航到不同的页面。

  • history.back():返回到历史记录中的前一个页面。
  • history.forward():前进到历史记录中的下一个页面。
  • history.go():导航到历史记录中的特定页面。

导航对象(Navigator Object)

导航对象提供有关浏览器本身的信息,如浏览器类型、版本等。

  • navigator.userAgent:获取浏览器用户代理字符串。
  • navigator.platform:获取浏览器运行的操作系统平台。

屏幕对象(Screen Object)

屏幕对象提供有关用户屏幕的信息,如屏幕的宽度、高度等。

  • screen.width:获取屏幕的宽度。
  • screen.height:获取屏幕的高度。
  • screen.availWidth:获取可用的屏幕宽度(不包括任务栏等)。

定时器

BOM还包括用于设置定时任务的setTimeoutsetInterval函数,它们允许您在一段时间后执行代码或定期执行代码。

更多内容请查看W3C官方文档

https://www.w3.org/

相关文章
|
4月前
|
JavaScript 前端开发 API
探索前端BOM API:解锁浏览器的潜力
探索前端BOM API:解锁浏览器的潜力
46 0
|
5月前
|
JavaScript 前端开发 API
探索前端BOM API:解锁浏览器的潜力
探索前端BOM API:解锁浏览器的潜力
43 1
|
11月前
|
缓存 JavaScript 前端开发
web前端面试高频考点——JavaScript-Web-API 篇(一)DOM、BOM、事件
web前端面试高频考点——JavaScript-Web-API 篇(一)DOM、BOM、事件
|
12月前
|
存储 JavaScript 前端开发
前端祖传三件套JavaScript的BOM的Cookie
在前端开发中,Cookie 是一个非常重要的概念。它可以用来存储用户的信息、状态和偏好设置等。JavaScript BOM 提供了内置的 document.cookie 属性和相关方法,可以让我们轻松地读取、创建、修改和删除 Cookie。在本文中,我们将深入探讨 JavaScript BOM 的 Cookie 功能,并介绍其中一些常用的属性和用法。
75 0
|
12月前
|
JavaScript 前端开发
前端祖传三件套JavaScript的BOM的计时
在前端开发中,计时是一个非常重要的功能。JavaScript BOM 提供了内置的 setTimeout() 和 setInterval() 方法来实现计时功能。这些方法可以让我们在指定的时间间隔内执行特定的函数或代码块。在本文中,我们将深入探讨 JavaScript BOM 的计时功能,并介绍其中一些常用的属性和用法。
55 0
|
12月前
|
JavaScript 前端开发
前端祖传三件套JavaScript的BOM的弹框
在前端开发中,弹框是一个非常重要的组件。JavaScript BOM 提供了几个内置的方法来弹出和关闭弹框,包括 alert()、confirm() 和 prompt() 方法。这些方法都非常简单易用,可以让我们轻松地向用户显示信息或获取用户输入。在本文中,我们将深入探讨 JavaScript BOM 的弹框方法,并介绍其中一些常用的属性和用法。
75 0
|
12月前
|
JavaScript 前端开发 Go
前端祖传三件套JavaScript的BOM的history对象
BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 History 对象则代表了浏览器的历史记录,包括之前访问过的页面、访问顺序等。在本文中,我们将深入探讨 JavaScript History 对象,并介绍其中一些常用的属性和方法。
62 0
|
12月前
|
JavaScript 前端开发 Java
前端祖传三件套JavaScript的BOM的navigator对象
BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 Navigator 对象则代表了浏览器的信息,包括浏览器的名称、版本、操作系统等。在本文中,我们将深入探讨 JavaScript Navigator 对象,并介绍其中一些常用的属性和方法。
144 0
|
12月前
|
JavaScript 前端开发
前端祖传三件套JavaScript的BOM的location对象
在前端开发中,BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 Location 对象则代表了当前窗口的 URL 地址信息,包括协议、主机名、路径等。在本文中,我们将深入探讨 JavaScript Location 对象,并介绍其中一些常用的属性和方法。
54 0
|
12月前
|
编解码 JavaScript 前端开发
前端祖传三件套JavaScript的BOM的screen对象
BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 Screen 对象则代表了用户显示器屏幕的信息,包括分辨率、色彩深度等。在本文中,我们将深入探讨 JavaScript Screen 对象,并介绍其中一些常用的属性和方法。
77 0