获取当前 URL

在前端开发中，有时需要获取当前页的 URL，以便进行一些操作，比如记录统计信息、分享到社交媒体等。本文将介绍如何使用 JavaScript 获取当前 URL。

使用 window.location.href

window 对象的 location 属性包含了当前文档的 URL 信息。其中，href 属性返回当前页面的 URL。

const currentURL = window.location.href;
console.log(currentURL);

在这个例子中，我们获取了当前页面的 URL 并打印到控制台中。

在 markdown 中，代码片段可以使用三个反引号包裹起来，并且可以添加语言标识符指定代码语言。例如：

const currentURL = window.location.href;
console.log(currentURL);

使用 window.location.pathname

如果只想获取当前 URL 中的路径部分，可以使用 window.location.pathname 属性。

const currentPath = window.location.pathname;
console.log(currentPath);

在这个例子中，我们获取了当前页面的路径部分并打印到控制台中。

代码片段如下：

const currentPath = window.location.pathname;
console.log(currentPath);

使用 window.location.search

如果只想获取当前 URL 中的查询部分，可以使用 window.location.search 属性。

const currentQuery = window.location.search;
console.log(currentQuery);

在这个例子中，我们获取了当前页面的查询部分并打印到控制台中。

代码片段如下：

const currentQuery = window.location.search;
console.log(currentQuery);

使用 window.location.hash

如果只想获取当前 URL 中的哈希部分，可以使用 window.location.hash 属性。

const currentHash = window.location.hash;
console.log(currentHash);

在这个例子中，我们获取了当前页面的哈希部分并打印到控制台中。

代码片段如下：

const currentHash = window.location.hash;
console.log(currentHash);

结论

本文介绍了如何使用 JavaScript 获取当前页面的 URL、路径、查询和哈希部分。这些信息都可以通过 window 对象的 location 属性获取。