要获取路径，可以使用：

http://www.example.com:8082/index.php#tab2?foo=789

Property                    Result
------------------------------------------
window.location.host        www.example.com:8082
window.location.hostname    www.example.com
window.location.port        8082
window.location.protocol    http:
window.location.pathname    index.php
window.location.href        http://www.example.com:8082/index.php#tab2
window.location.hash        #tab2
window.location.search      ?foo=789
window.location.origin      https://example.com

对于那些想要一个实际的URL对象的人，可能是一个以URL为参数的实用程序：

const url = new URL(window.location.href)

https://developer.mozilla.org/en-US/docs/Web/API/URL

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

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

Use:

window.location.href

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

document.URL

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

location.origin+location.pathname+location.search+location.hash;

and

location.href

也一样。

// http://127.0.0.1:8000/projects/page/2?name=jake&age=34
let url = new URL(window.location.href);
/*
hash: ""

host: "127.0.0.1:8000"

hostname: "127.0.0.1"

href: "http://127.0.0.1:8000/projects/page/2?username=jake&age=34"

origin: "http://127.0.0.1:8000"

password: ""

pathname: "/projects/page/2"

port: "8000"

protocol: "http:"

search: "?name=jake&age=34"

username: ""
*/

url.searchParams.get('name')
// jake

url.searchParams.get('age')
// 34

url.searchParams.get('gender')
// null