BOM（Browser Object Model，浏览器对象模型）是JavaScript中的一个重要组成部分，它提供了与浏览器窗口和文档进行交互的API。BOM包括了一个全局的window对象，以及许多其他对象，例如location、navigator、screen和history。在本文中，我们将深入探讨JavaScript中BOM的相关知识。
window对象
在JavaScript中，window对象表示整个浏览器窗口。它是全局对象之一，可以通过不加限定地引用它的属性和方法。例如：
console.log(window.location.href); // 打印当前页面的URL
在上述代码中，我们使用window.location来获取当前页面的URL。因为window对象是全局对象，所以在直接使用location时，实际上是使用全局window对象上的location属性。
除了location属性外，window对象还包括许多其他属性和方法，例如alert()、confirm()、setTimeout()和setInterval()等。
location对象
location对象包含了有关浏览器当前加载页面的信息。它提供了许多属性，例如href、protocol、host和pathname等。
例如，下面的代码将页面跳转到指定的URL：
location.href = 'http://www.example.com';
在上述代码中，我们将location.href设置为新的URL，这将导致浏览器加载该URL对应的页面。
navigator对象
navigator对象包含了浏览器的相关信息。它提供了许多属性，例如appCodeName、appName和language等。
例如，下面的代码将显示用户所使用的浏览器的名称：
console.log(navigator.appName);
在上述代码中，我们使用navigator.appName来获取用户使用的浏览器的名称。
screen对象
screen对象提供了与用户显示器相关的信息。它包括有关屏幕的大小、分辨率、颜色深度等属性。
例如，下面的代码将显示用户屏幕的分辨率：
console.log(screen.width + ' x ' + screen.height);
在上述代码中，我们使用screen.width和screen.height来获取用户屏幕的分辨率。
history对象
history对象包含了用户在浏览器中访问的所有URL的历史记录。它提供了向后和向前访问浏览器历史记录的方法。
例如，下面的代码将返回用户在浏览器中访问过的前一个URL：
history.back();
在上述代码中，我们使用history.back()来返回用户在浏览器中访问过的前一个URL。
BOM的总结
BOM（Browser Object Model，浏览器对象模型）是JavaScript中的一个重要组成部分，它提供了与浏览器窗口和文档进行交互的API。BOM包括了一个全局的window对象，以及许多其他对象，例如location、navigator、screen和history。文章来源：https://www.toymoban.com/news/detail-598087.html
了解BOM的相关知识对于编写更好的交互式Web应用程序至关重要。通过使用BOM，我们可以与浏览器窗口、当前加载的页面以及用户屏幕进行交互，并提供更丰富和响应式的用户体验。文章来源地址https://www.toymoban.com/news/detail-598087.html
到了这里，关于JavaScript学习 --- BOM的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[从零开发JS应用] 如何在VScode中配置Javascript环境，常见的调试方法有哪些？](https://imgs.yssmx.com/Uploads/2024/02/762332-1.jpg)
