window.location各属性含义

window.location是Web浏览器中的一个对象，它提供了关于当前页面URL的信息，并允许对URL进行操作。

window.location对象具有以下属性：

1. href: 返回当前页面的完整URL。可以读取或设置该属性，用于导航到其他页面。例如，可以通过设置window.location.href = "https://www.example.com"来导航到示例网站。

2. protocol: 返回URL使用的协议。常见的协议有http、https、ftp等。可以读取或设置该属性。例如，可以通过window.location.protocol = "https:"来将当前页面的协议改为HTTPS。

3. host: 返回URL的主机名（包括端口号）。可以读取或设置该属性。例如，可以通过window.location.host = "www.example.com:8080"来将当前页面的主机名和端口号改为指定值。

4. hostname: 返回URL的主机名（不包括端口号）。可以读取或设置该属性。例如，可以通过window.location.hostname = "www.example.com"来将当前页面的主机名改为指定值。

5. port: 返回URL的端口号。如果URL中没有指定端口号，则返回空字符串。可以读取或设置该属性。例如，可以通过window.location.port = "8080"来将当前页面的端口号改为指定值。

6. pathname: 返回URL的路径部分（不包括主机名、端口号和查询字符串）。可以读取或设置该属性。例如，可以通过window.location.pathname = "/example"来将当前页面的路径改为指定值。

7. search: 返回URL的查询字符串部分（以问号开头）。可以读取或设置该属性。例如，可以通过window.location.search = "?key=value"来将当前页面的查询字符串改为指定值。

8. hash: 返回URL的片段标识符（以井号开头）。可以读取或设置该属性。例如，可以通过window.location.hash = "#section1"来将当前页面的片段标识符改为指定值。

9. origin: 返回URL的协议、主机名和端口号部分。类似于protocol + '//' + host。该属性是只读的。

使用window.location对象可以实现各种操作，例如：

- 获取URL的各个部分，如协议、主机名、路径等。

- 导航到其他页面，通过设置href属性或使用location.assign()方法。

- 重载当前页面，通过设置location.reload()方法。

- 替换当前页面，通过设置location.replace()方法。

- 在URL上附加查询参数，通过设置search属性或使用location.search()方法。

示例：

```javascript

// 获取当前页面的URL

console.log(window.location.href);

// 将当前页面导航到指定URL

window.location.href = "https://www.example.com";

// 获取当前页面的主机名

console.log(window.location.hostname);

// 在URL上附加查询参数

window.location.search = "?key=value";

// 重载当前页面

window.location.reload();

// 替换当前页面

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

```

综上所述，window.location提供了对当前页面URL的各种操作和信息获取功能，可以方便地实现页面导航、URL修改以及与URL相关的功能。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/