如何使用 Javascript 获取当前 URL

Posted on by

在 Javascript 中，有时需要获取当前所在网页的 URL。有几种方法可以做到这一点。

如何使用 Javascript 获取当前 URL#

如果我们想要获取当前网页的完整 URL，我们只需使用window.location.href.

// Shows us the current URL
let currentUrl = window.location.href;

如何使用 Javascript 获取当前域的 URL#

如果只想获取当前域，不包括任何页面，则可以在 Javascript 中运行以下命令：

let currentDomain = window.location.origin;

例如，如果您在https://google.com/page/search/go/上，上面的内容只会返回https://google.com。

如何使用 Javascript 获取域后的路径#

如果只想获取域后的路径，则运行以下命令：

let currentPath = window.location.pathname;

虽然这些是 的最常见用途window.location，但还有许多其他有用的属性，例如：

  • window.location.port – 当前端口
  • window.location.protocol – 当前协议，即 https:
  • window.location.hash – URL 末尾散列后的任何内容
  • window.location.hostname – 没有任何端口或协议的域

推荐阅读：