前端面试题-说说你对BOM的理解,常见的BOM对象你了解哪些?(2024.1.31)(直接背)

概念：

BOM（Browser Object Model）是浏览器对象模型的缩写，它提供了一组与浏览器窗口有关的对象，通过这些对象可以操作浏览器窗口和其内容。BOM 并非 W3C 标准的一部分，它是由浏览器厂商自行实现的，因此不同浏览器的 BOM 对象可能有所不同。

常见的 BOM 对象包括：

window 对象： window 是 BOM 的核心对象，它代表浏览器的窗口或标签页。所有全局 JavaScript 对象、函数和变量都是 window 对象的属性。window 对象提供了很多方法和属性，如 alert()、setTimeout()、location、document 等。

document 对象： document 对象是 BOM 的一部分，它代表整个 HTML 文档。通过 document 对象，可以访问和操作文档的结构、内容和样式。例如，可以通过 document.getElementById() 获取页面中的元素。

location 对象： location 对象用于获取或设置浏览器的地址信息。通过 location 对象，可以获取当前页面的 URL，也可以在不导航到新页面的情况下修改 URL。

navigator 对象： navigator 对象提供了关于浏览器的信息，如浏览器的名称、版本、操作系统等。可以通过 navigator.userAgent 获取用户代理字符串。

history 对象： history 对象用于在浏览器窗口之间保存历史记录。通过 history 对象，可以在浏览器历史中向前或向后导航，也可以通过 pushState() 和 replaceState() 修改历史记录而不刷新页面。

dom和bom的区别：

• DOM 是针对文档的一个接口，它将文档表示为一个树形结构，其中每个节点都是文档中的一部分（如元素、属性、文本等）
• BOM 主要关注浏览器窗口，提供了控制浏览器行为和与用户交互的一些功能。