在Web开发中，window.location 是一个非常重要的对象，它提供了与当前页面URL相关的信息，并且允许开发者通过JavaScript来操作和导航页面的URL。window.location.href 是其中最常用的属性之一，但 window.location 对象还提供了其他一些有用的属性和方法。以下是对 window.location 的总结：

1. window.location.href

• 作用: 获取或设置当前页面的完整URL。

• // 获取当前页面的URL
  console.log(window.location.href);
  
  // 重定向到新的页面
  window.location.href = 'https://www.example.com';

2. window.location.protocol

• 作用: 获取或设置当前URL的协议部分（如 http: 或 https:）。

• console.log(window.location.protocol); // 输出: "https:"

3. window.location.host

• 作用: 获取或设置当前URL的主机部分（包括主机名和端口号）。

• console.log(window.location.host); // 输出: "www.example.com:8080"

4. window.location.hostname

• 作用: 获取或设置当前URL的主机名部分（不包括端口号）。

• console.log(window.location.hostname); // 输出: "www.example.com"

5. window.location.port

• 作用: 获取或设置当前URL的端口号部分。

• console.log(window.location.port); // 输出: "8080"

6. window.location.pathname

• 作用: 获取或设置当前URL的路径部分。

• console.log(window.location.pathname); // 输出: "/path/to/page"

7. window.location.search

• 作用: 获取或设置当前URL的查询字符串部分（即 ? 后面的部分）。

• console.log(window.location.search); // 输出: "?query=string"

8. window.location.hash

• 作用: 获取或设置当前URL的片段标识符部分（即 # 后面的部分）。

• console.log(window.location.hash); // 输出: "#section1"

9. window.location.origin

• 作用: 获取当前URL的源（协议 + 主机名 + 端口号）。

• console.log(window.location.origin); // 输出: "https://www.example.com"

10. window.location.assign(url)

• 作用: 加载一个新的文档。

• window.location.assign('https://www.example.com');

11. window.location.replace(url)

• 作用: 用新的URL替换当前文档，且不会在浏览历史中生成新的记录。

• window.location.replace('https://www.example.com');

12. window.location.reload(force)

• 作用: 重新加载当前页面。

• 参数: force 是一个布尔值，如果为 true，则强制从服务器重新加载页面，而不是从缓存中加载。

• window.location.reload(); // 从缓存重新加载
  window.location.reload(true); // 从服务器重新加载

总结

window.location 对象提供了丰富的属性和方法，允许开发者轻松地操作和导航页面的URL。无论是获取当前页面的URL信息，还是通过JavaScript进行页面跳转，window.location 都是一个非常强大的工具。熟练掌握这些属性和方法，可以极大地提升Web开发的效率和灵活性。