JS-Web-API-BOM面试题

一、BOM是什么

• BOM（Browser Object Model，浏览器对象模型）是JS与浏览器窗口交互的接口。
• 一些与浏览器改变尺寸、滚动条滚动相关的特效，都要借助BOM技术。

二、window对象

• BOM的核心对象是window对象，它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。
• 其主要有 ducoment，location，history，navigator，screen等对象以及方法。

子对象	说明
document	文档对象，用于操作页面元素
location	地址对象，用于操作URL地址
navigator	浏览器对象，用于获取浏览版本信息
history	历史对象，用于操作浏览历史
screen	屏幕对象，用于操作屏幕宽度高度

1. navigator

如何识别浏览器的类型：

2. screen

属性	作用
screen.width	屏幕宽度，以像素为单位
screen.height	屏幕高度，以像素为单位

3. location

属性	作用
location.href	浏览器地址栏中的完整地址串
location.pathname	URL的路径部分，请求映射的地址
location.search	获取?的内容
location.host	获取主机地址
location.protocol	获取 url 的协议
location.hash	返回锚点的值，如"#…"

如何拆解 url 各个部分：

4. history

补充链接：BOM常用对象-CSDN博客。