Javascript 相对于文件的路径

Question

我编写了一个 Web 应用程序，其中 JS 文件对其他文件进行了大量相对调用。到目前为止，这已经成功了，但现在我正在不同目录中的页面使用这个 js 文件，并且路径出现错误。这个网络应用程序将安装在许多不同的主机上，所以我不知道绝对路径是否有效，因为我不知道它安装在哪里。我也不想在路径中使用大量前置变量来破坏 js（但可能必须这样做）。

我希望 js 路径相对于 js 文件本身，而不是相对于打开它的文档...有没有办法在 js 文件中设置默认根目录？

$.ajax({
    type: "POST",
    url: "inc/alert.php",
    success: function(msg){
        if(msg){
            window.location.href = 'inc/logoff.php?timeout=true';
         }
    }
});

这是我的文件结构，但我不知道它将安装在哪里，也不知道 webapp 文件夹将被称为什么：

/random-folder/web-app/inc/script.js

直到现在我使用 js 的所有文件都在“web-app”文件夹中...但现在我有其他页面在不同的文件夹中调用它，并且所有路径都已损坏。有办法做到这一点吗？或者至少有一种方法可以获取js文件本身的路径？

预先感谢您的帮助...

Answer 1

不幸的是，这并不容易实现。

但是，您可以尝试在 HTML 文档中查找

---

但是，由于您正在调用 PHP 脚本（显然不属于 JS 文件夹），因此您的问题根本不应该成为问题。您的 AJAX 调用将与包含脚本的文档相关，并且您可能知道该文档中 PHP 脚本的路径。

更新：只需阅读不同文件夹中的文件正在使用这些脚本。在这种情况下，如果您不想简单地手动设置包含路径的 var，则脚本标记解析技术实际上是可行的方法。

Answer 2

您可以通过检查当前文档中

HTML：

<script src="/some/random/path/main.js"></script>

jQuery：

var scriptFilename = 'main.js';
var rootPath = ''; // Will contain the path to your file

$('script').each(function() {
    var $script = $(this);

    if ($script.attr('src') && $script.attr('src').indexOf(scriptFilename) > -1) {
        rootPath = $script.attr('src').split(scriptFilename)[0];

        return false;
    }
});

Answer 3

不可能获得绝对路径，原因有两个：

• JS 运行在客户端
• JS 路径总是相对于：
  • HTML 页面（xyz.com/test/index.php 中的 scripts.js => xyz.com/test/scripts.js< /代码>）
  • 服务器文档根目录（xyz.com/test/index.php 中的/scripts.js => xyz.com/scripts.js< /代码>）

  


作为解决方案，您可能需要：

• "scripts.php">
• 或者，在加载脚本文件之前，加载与选项 1 相同的配置文件，例如：
  <脚本类型=“text/javascript”src=“config.php”><脚本类型=“text/javascript”src=“scripts.js”> ;