Location 对象是 JavaScript 中表示当前 URL 的对象，它是 window 对象的一个属性。Location 对象提供了对当前 URL 的各种信息的访问，以及对浏览器的导航进行控制的能力。以下是一些常见的 Location 对象的属性和方法：

常见属性

1. location.href： 获取或设置整个 URL。
   console.log(location.href);

2. location.protocol： 获取 URL 的协议部分（如 "http:" 或 "https:"）。
   console.log(location.protocol);

3. location.host： 获取 URL 的主机部分（包括端口号）。
   console.log(location.host);

4. location.hostname： 获取 URL 的主机名部分。
   console.log(location.hostname);

5. location.port： 获取 URL 的端口号部分。
   console.log(location.port);

6. location.pathname： 获取 URL 的路径部分。
   console.log(location.pathname);

7. location.search： 获取 URL 的查询参数部分（以问号开头）。
   console.log(location.search);

8. location.hash： 获取 URL 的片段标识符部分（以井号开头）。
   console.log(location.hash);

常见方法

1. location.assign(url)： 导航到指定的 URL。
   location.assign("https://www.example.com");

2. location.replace(url)： 用指定的 URL 替换当前页面，不会在历史记录中留下记录。
   location.replace("https://www.example.com");

3. location.reload()： 重新加载当前页面。
   location.reload();

例子
// 输出当前页面的 URL
console.log("Current URL: " + location.href);

// 输出当前页面的主机名
console.log("Host: " + location.host);

// 导航到新的 URL
location.assign("https://www.example.com");

// 输出当前页面的路径
console.log("Path: " + location.pathname);

通过使用 Location 对象，开发者可以获取当前页面的 URL 信息，并且通过方法来进行导航。这对于处理页面 URL、实现页面导航等功能是非常有用的。


转载请注明出处：http://www.pingtaimeng.com/article/detail/4371/JavaScript