Nikhil Agrawal的回答很好，只是在这里添加了一个小示例，您可以在控制台中看到不同的组件：

如果您想要不带路径或查询参数的基本URL（例如，对其执行AJAX请求以在开发/登台和生产服务器上运行），window.location.origin是最好的，因为它保留了协议和可选端口（在Django开发中，有时会有一个非标准端口，如果您只使用主机名等，就会中断它）

URL信息访问

JavaScript为您提供了许多方法来检索和更改显示在浏览器地址栏中的当前URL。所有这些方法都使用Location对象，这是Window对象的属性。您可以通过读取window.Location来读取当前Location对象：

var currentLocation = window.location;

基本URL结构

<protocol>//<hostname>:<port>/<pathname><search><hash>

protocol：指定用于访问Internet上资源的协议名称。（HTTP（不带SSL）或HTTPS（带SSL））hostname：主机名指定拥有资源的主机。例如，www.stackeoverflow.com。服务器使用主机名提供服务。端口：用于识别Internet或其他网络消息到达服务器时要转发到的特定进程的端口号。路径名：路径提供有关Web客户端希望访问的主机内特定资源的信息。例如，/index.html。搜索：路径组件后面有一个查询字符串，它提供了资源可以用于某些目的的信息字符串（例如，作为搜索的参数或作为要处理的数据）。hash：URL的锚定部分，包括哈希符号（#）。

使用这些Location对象财产，您可以访问所有这些URL组件以及它们可以设置或返回的内容：

href-整个URLprotocol-URL的协议host—URL的主机名和端口hostname—URL的主机名port-服务器用于URL的端口号pathname—URL的路径名search-URL的查询部分hash-URL的锚定部分origin-window.location.protocol+'//'+window.location.host

我希望你得到了答案。。

短的

location+''

let url=location+''；console.log（url）；

要获取路径，可以使用：

console.log（'document.location'，document.location.href）；console.log（'location.pathname'，window.location.pathname）；//仅返回路径console.log（'location.href'，window.location.href）；//返回完整URL

Use:

window.location.href

正如评论中所指出的，下面这行行是有效的，但它对Firefox来说是错误的。

document.URL

请参阅DOMString类型的URL，只读。

对于带有查询字符串的完整URL：

document.location.toString()

对于主机URL:

window.location