如何使用 JavaScript 获取当前 URL361

JavaScript 提供了一种方便的方法来获取当前网页的 URL。这在许多情况下都很有用，例如跟踪用户在网站上的浏览历史记录、在AJAX 请求中发送 URL 参数，或者在按钮单击时获取当前页面地址。

使用 对象

最简单的方法是使用 对象。该对象包含有关当前 URL 的各种信息，包括协议、主机名、端口、路径和查询字符串。要获取整个 URL，可以使用 href 属性：```javascript
const url = ;
(url); // 输出：/path/to/
```

使用 属性

另一个获取当前 URL 的方法是使用 属性。该属性返回整个 URL 作为字符串：```javascript
const url = ;
(url); // 输出：/path/to/
```

使用 属性

有时，您可能只对 URL 的协议、主机名和端口感兴趣。在这种情况下，可以使用 属性：```javascript
const origin = ;
(origin); // 输出：
```

使用 属性

如果您只对当前页面的路径和文件名感兴趣，可以使用 属性：```javascript
const pathname = ;
(pathname); // 输出：/path/to/
```

使用 属性

要获取查询字符串，可以使用 属性：```javascript
const search = ;
(search); // 输出：?param1=value1¶m2=value2
```

使用 属性

要获取 URL 片段标识符（锚点），可以使用 属性：```javascript
const hash = ;
(hash); // 输出：#section1
```

更改 URL

除了获取当前 URL 外，您还可以使用 JavaScript 更改 URL。为此，可以使用 属性：```javascript
= "/new/";
```

请注意，更改 URL 会导致页面重新加载。如果您只想更改查询字符串或哈希，可以使用 或 属性。

示例

下面是一些使用 JavaScript 获取和更改 URL 的示例代码：```javascript
// 获取当前 URL
();
// 更改 URL 到新页面
= "/new/";
// 添加查询字符串参数
= "?param1=value1¶m2=value2";
// 添加 URL 片段标识符
= "#section1";
```

总之，JavaScript 提供了多种获取和更改当前 URL 的方法。这在许多情况下都很有用，例如跟踪用户浏览历史记录、在 AJAX 请求中发送 URL 参数，或者在按钮单击时获取当前页面地址。

2025-02-14

上一篇：JavaScript 数组转换为 JSON：深入指南

下一篇：JavaScript中的void 0是什么？