JavaScript是目前广泛应用于网页开发的脚本语言，开发人员可以轻松使用它来创建交互性、动态性的网页。在JavaScript编程中，有时候我们需要获取当前文件的上级目录路径。这个过程可能对于新手来说有些棘手，但实际上，只要掌握了一些基础知识，就可以轻松获取上级目录路径。

在JavaScript中，想要获取当前文件的路径，我们可以使用window.location.pathname属性。这个属性可以返回当前页面的路径名，一般是以斜杠（/）开头的字符串。看下面这个简单的例子：

console.log(window.location.pathname);

以上代码输出的结果是当前URL中最后一个“/”及其后面的字符串。

举个例子，如果当前URL是 http://www.example.com/blog/js/file.html，那么window.location.pathname将返回 "/blog/js/file.html"，最后的"/file.html"就是当前文件名了。

通过这个方法，我们就可以获取当前文件的路径。接着，我们需要截取掉路径中的最后一个文件名，即当前文件名。在JavaScript中，可以使用split()函数将路径分隔成一个数组，然后用数组的pop()函数获取最后一个文件名。看下面的代码：

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

以上代码输出的结果就是当前文件的上级目录路径。

假如当前URL是http://www.example.com/blog/js/file.html，那么我们得到的上级目录路径将是http://www.example.com/blog/js。

当然，如果你不想自己动手截取路径，也可以使用字符串的substring()函数来获取上级目录路径。如下代码所示：

var currentPath = window.location.pathname;
var parentPath = currentPath.substring(0, currentPath.lastIndexOf('/'));
console.log(parentPath);

以上代码的输出结果同样是获取当前文件的上级目录路径。

除了上面提到的方法外，还有一种更简单的方法可以获取上级目录路径。我们可以使用document.referrer属性。这个属性可以返回引导用户到当前页面的来源页面的URL。例如，如果你是通过点击链接从http://www.example.com/blog.html进入到http://www.example.com/blog/js/file.html的，那么document.referrer将是http://www.example.com/blog.html。我们可以将这个URL前面的文件名去掉，从而获取当前文件的上级目录路径。如下代码所示：

var referrer = document.referrer;
var parentPath = referrer.substring(0, referrer.lastIndexOf('/'));
console.log(parentPath);

上面这三种方法分别是获取当前文件的上级目录路径，你可以根据自己的实际情况选择使用其中之一。无论使用哪种方法，获取上级目录路径都很简单，只需要掌握了一些基础知识就可以轻松实现。