JavaScript 中 Location 对象介绍

Location 对象包含有关当前URL的信息，并提供了用于更改此URL的方法。在JavaScript中，Location 对象是 window 对象的一部分，因此可以直接通过 window.location 访问。

以下是一些常用的 Location 对象属性和方法：

• href：完整的URL字符串。
• protocol：URL 的协议部分，通常是 'http:' 或 'https:'。
• host：URL 的主机部分，包括端口（如果有）。
• hostname：URL 的主机名部分，不包括端口。
• port：URL 的端口部分。
• pathname：URL 的路径部分。
• search：URL 的查询字符串部分，以 '?' 开头。
• hash：URL 的哈希部分，以 '#' 开头。
• assign(url)：加载新的文档，可以是相对或绝对URL。
• replace(url)：用新的文档替换当前文档，可以是相对或绝对URL。
• reload()：重新加载当前页面，可选地设置为 true 来强制从服务器加载。

示例代码：

// 获取当前URL的协议
console.log(window.location.protocol); // 输出例如 'http:'
 
// 改变当前页面的URL
window.location.href = 'https://www.example.com';
 
// 重新加载页面
window.location.reload(true);

使用 Location 对象可以方便地获取和修改当前页面的URL信息，进而控制浏览器的导航行为。