优秀的编程知识分享平台

网站首页 > 技术文章 正文

前端面试39:什么是浏览器对象模型?BOM有哪些属性、方法、事件

nanyue 2024-07-31 12:14:33 技术文章 6 ℃

BOM 为浏览器窗口对象的一组 API。

BOM 结构图

主要属性

navigator

按键F12打开控制台,输入navigator.userAgent,即可看到浏览器信息。因此可以通过 userAgent 判断浏览器。

location

代表浏览器的定位导航。可以使用 location 来操作 URL 中的各个部分。最常用的有 href 属性,当前访问资源的完整路径。

方法

  • assign(url) 载入新的 url,记录浏览记录
  • replace(url) 载入新的 url 不记录浏览记录
  • reload() 重新载入当前页

history

浏览器当前窗口的浏览历史。

History {length: 2, scrollRestoration: "auto", state: {…}}

方法

  • back(int) 后退
  • forward(int) 前进
  • go(int) 正数向前,附属向后

screen

其中包含屏幕信息。其中 avil- 开头的属性为可用属性,其余则为显示器设备属性。

Screen {availWidth: 1600, availHeight: 860, width: 1600, height: 900, colorDepth: 24, …}

Window 方法

Window 事件

最近发表
标签列表