BOM 中的 location 对象：操纵浏览器地址栏

location 对象是浏览器中的一个内置对象，用于操纵浏览器地址栏中的 URL。它提供了多种方法来更改当前网页的位置，例如，您可以使用 location.href 属性来设置新的 URL，或者使用 location.replace() 方法来替换当前的 URL。

location 对象还提供了有关当前网页的信息，例如，您可以使用 location.pathname 属性来获取当前网页的路径，或者使用 location.hostname 属性来获取当前网页的主机名。

location 对象还可以用于在网页中进行导航，例如，您可以使用 location.assign() 方法来加载一个新的网页，或者使用 location.reload() 方法来重新加载当前网页。

以下是一些演示代码，展示了如何使用 location 对象：

// 设置新的 URL
location.href = "https://www.example.com";

// 替换当前的 URL
location.replace("https://www.example.com");

// 获取当前网页的路径
console.log(location.pathname);

// 获取当前网页的主机名
console.log(location.hostname);

// 加载一个新的网页
location.assign("https://www.example.com");

// 重新加载当前网页
location.reload();

location 对象是一个非常强大的工具，它可以用于各种各样的目的。如果您想在网页中进行导航或操纵浏览器地址栏中的 URL，那么您应该熟悉 location 对象。

除了上述方法之外，location 对象还提供了许多其他方法和属性，这些方法和属性可以帮助您更轻松地操纵浏览器地址栏中的 URL。例如，您可以使用 location.search 属性来获取当前网页的查询字符串，或者使用 location.hash 属性来获取当前网页的哈希值。

您还可以使用 location 对象来监听 URL 的变化，例如，您可以使用 location.onhashchange 事件来监听哈希值的变化。这可以用于在哈希值发生变化时执行某些操作，例如，您可以使用哈希值来在网页中切换不同的视图。

location 对象是一个非常灵活的工具，它可以用于各种各样的目的。如果您想在网页中进行导航或操纵浏览器地址栏中的 URL，那么您应该熟悉 location 对象。