BOM

824 阅读2分钟

什么是BOM?

BOM 全称是 Browser Object Model,也就是浏览器对象模型。是JavaScript中用于表示和操作浏览器窗口及其相关组件的对象模型。 BOM提供了一组API(Application Programming Interface,应用程序编程接口),允许开发者通过JavaScript与浏览器进行交互。BOM的核心对象是window对象,它代表了浏览器窗口,并提供了许多属性和方法来操作窗口、导航、处理事件等。

Window

Window 对象是BOM中所有对象的核心,除了是BOM中所有对象的父对象外,还包含一些窗口控制函数。

JavaScript 全局变量是 window 对象的属性。JavaScript 全局函数是 window 对象的方法。

子对象

  1. document 对象
  2. frames 对象
  3. history 对象
  4. location 对象
  5. navigator 对象
  6. screen 对象

方法

window.open() - 打开新窗口 

window.close() - 关闭当前窗口 

window.moveTo() - 移动当前窗口 

window.resizeTo() - 调整当前窗口的尺寸

Screen

window.screen 对象包含有关用户屏幕的信息。这些信息可以用来了解客户端硬件的基本配置。

属性

availHeight

返回屏幕的高度(不包括Windows任务栏)

availWidth

返回屏幕的宽度(不包括Windows任务栏)

colorDepth

返回目标设备或缓冲器上的调色板的比特深度

height

返回屏幕的总高度

pixelDepth

返回屏幕的颜色分辨率(每象素的位数)

width

返回屏幕的总宽度

Navigator

Navigator 对象包含有关浏览器的信息。

属性

appCodeName

返回浏览器的代码名

appName

返回浏览器的名称

appVersion

返回浏览器的平台和版本信息

cookieEnabled

返回指明浏览器中是否启用 cookie 的布尔值

platform

返回运行浏览器的操作系统平台

userAgent

返回由客户机发送服务器的user-agent 头部的值

方法

javaEnabled()

指定是否在浏览器中启用Java

taintEnabled()

规定浏览器是否启用数据污点(data tainting)

History

History 对象包含用户(在浏览器窗口中)访问过的 URL。

属性

length

返回历史列表中的网址数

方法

back()

加载 history 列表中的前一个 URL

forward()

加载 history 列表中的下一个 URL

go()

加载 history 列表中的某个具体页面

Location

Location 对象包含有关当前 URL 的信息。

属性

hash

返回一个URL的锚部分

host

返回一个URL的主机名和端口

hostname

返回URL的主机名

href

返回完整的URL

pathname

返回的URL路径名。

port

返回一个URL服务器使用的端口号

protocol

返回一个URL协议

search

返回一个URL的查询部分

方法

assign()

载入一个新的文档

reload()

重新载入当前文档

replace()

用新的文档替换当前文档

参考:

JavaScript Window

Js Window对象

前端,你真的知道BOM的这些用法吗?

你(可能)不知道的web api

JS学习系列20-常见事件、GlobalEventHandlers接口

JS学习系列21-浏览器环境模型、window对象

JS学习系列22-Navigator对象、Screen对象、Cookie

JS学习系列25-Storage接口、History对象、URL相关对象

什么是DOM和BOM?