Javascript 获取打印当前路径

在Web开发中，有时候需要获取当前页面运行的路径，比如在导航栏中高亮当前页面的导航项，或者在获取当前页面的参数等操作中都需要使用到当前路径。本文将介绍如何使用Javascript获取当前路径。

方法一：location.href

可以使用location.href获取当前页面的完整url，从而通过处理字符串获取到当前路径。下面是获取当前路径的代码片段。

const pathName = window.location.pathname;
console.log(pathName); // 输出当前路径

通过window.location.pathname可以获取到当前路径，如/example/path，可以通过字符串处理获取到需要的部分内容。

方法二：location.pathname

如果只需要获取路径部分，可以直接使用location.pathname，如下：

const pathName = window.location.pathname;
console.log(pathName); // 输出当前路径

方法三：URL API

在ES6中，Javascript提供了URL API来方便地解析url。使用URL API可以直接获取到当前路径，无需手动处理字符串。下面是获取当前路径的代码片段。

const url = new URL(window.location.href);
const pathName = url.pathname;
console.log(pathName); // 输出当前路径

使用URL API的好处是可以很方便地获取到其他部分的url信息，如主机、端口、查询字符串等等。因此，在设计复杂的Web应用时，可以考虑使用URL API来处理url。

以上就是Javascript获取当前路径的三种方法，可以根据实际需要选择使用哪一种方法获取当前路径。