JavaScript 教程
收录了这篇文章 

在JavaScript中，location对象是一个非常重要且常用的对象，它提供了与当前窗口中加载的文档有关的URL信息及操作方法。location对象是window对象的一个属性，因此可以直接通过window.location或者简写为location来访问。

属性

1. href: 返回或设置当前文档的完整URL。
2. protocol: 返回当前URL的协议（例如'http:'或'https:'）。
3. host: 返回当前URL的主机名和端口号（例如'example.com:80'）。
4. hostname: 返回当前URL的主机名（例如'example.com'）。
5. port: 返回当前URL的端口号。
6. pathname: 返回当前URL的路径部分（从域名后的第一个斜杠"/"开始）。
7. search: 返回URL的查询字符串部分（从问号"?"开始）。
8. hash: 返回URL的片段标识符部分（从井号"#”开始）。

方法

1. assign(url): 加载新的文档，相当于执行了浏览器的“导航至新URL”的动作。
2. reload(): 重新加载当前文档。可选参数true表示强制从服务器而不是缓存中重新加载。
3. replace(url): 用新的文档替换当前文档，不会在浏览器的历史记录中生成一条新记录。
4. toString(): 返回一个表示当前URL的字符串。

示例

• 获取当前页面的完整URL：

  console.log(location.href);

• 改变当前页面的URL并加载新页面：

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

• 重新加载页面：

  location.reload();
  // 或者强制从服务器重新加载
  location.reload(true);

• 替换当前页面为另一个页面，不保留历史记录：

  location.replace('https://www.another-example.com');

通过操作location对象，开发者可以灵活地控制网页的导航行为，实现页面跳转、刷新等常见功能。