Javascript中通过url获取路径

在JavaScript中，经常需要从URL中获取其路径的部分。这个过程可以通过使用JavaScript的一些内置功能来实现。在本文中，我们将介绍如何在javascript中从URL中获取路径。

获取URL路径

在JavaScript中，可以使用window.location.pathname来获取URL的路径部分。这将返回从URL的根路径开始的路径部分。例如：

console.log(window.location.pathname);

这会在浏览器的控制台中输出当前URL的路径部分。例如，如果当前URL是 https://example.com/user/profile，则输出将是 /user/profile。

解析URL路径

如果您需要对URL路径进行更多的操作，如解析其各个部分，可以使用URL()构造函数来实现。例如：

const url = new URL('https://example.com/user/profile');
console.log(url.pathname);

这将返回路径 /user/profile，并且您可以使用url对象的其他属性来访问URL的其余部分，如协议、主机名等。

使用正则表达式获取路径

如果您想要更细粒度地控制如何提取路径，可以使用正则表达式。例如，以下代码片段会从URL中提取其路径部分：

const path = window.location.href.match(/^(https?:\/\/)?[^\/]+(\/[^?#]*)/)[2];

console.log(path);

这将提取当前URL中的路径部分，并将其赋值给变量path。如果当前URL是 https://example.com/user/profile?search=query，则输出将是 /user/profile。

总结

在JavaScript中获取URL的路径部分非常简单，并且可以使用内置的window.location.pathname方法或URL()构造函数来实现。如果需要更细粒度地控制路径的提取过程，则可以使用正则表达式来提取URL中的路径部分。