节点获取当前文件的路径 - JavaScript

在JavaScript中，要获取当前文件的路径，可以通过window.location对象来实现。window.location对象包含有当前文档的URL信息。

获取当前文档的完整路径

要获取当前文档的完整路径，可以使用window.location.href属性。这个属性返回当前文档的URL地址，包含协议、主机名、路径和查询字符串等信息。

const currentUrl = window.location.href;
console.log(currentUrl);

输出结果：

http://www.example.com/path/to/file.html?param1=value1&param2=value2

获取当前文档的路径部分

有时候我们只需要获取当前文档的路径部分（不包含查询字符串和锚点），可以使用window.location.pathname属性。

const currentPath = window.location.pathname;
console.log(currentPath);

输出结果：

/path/to/file.html

获取当前文档所在的目录路径

如果我们只需要获取当前文档所在的目录路径（不包括文件名），可以使用window.location.pathname属性和String.prototype.split方法。

const currentPath = window.location.pathname;
const currentDirectory = currentPath.split('/').slice(0, -1).join('/');
console.log(currentDirectory);

输出结果：

/path/to

获取当前文档的文件名

要获取当前文档的文件名，可以使用window.location.pathname属性和String.prototype.split方法。

const currentPath = window.location.pathname;
const fileName = currentPath.split('/').pop();
console.log(fileName);

输出结果：

file.html

以上就是在JavaScript中获取当前文档路径的方法。在编写前端代码时，这个功能非常有用，可以帮助我们快速定位到资源的位置。