如何解析外部 JavaScript 文件中的相对路径？

外部 Javascript 文件中的相对路径

在 Web 应用程序中使用外部 Javascript 文件时，了解如何解析文件路径非常重要。

外部JS的路径是相对于显示页面的文件

与嵌入式 Javascript 相比，外部 JS 文件中指定的路径是相对于当前显示的页面，而不是 JS 文件的物理位置。如果您习惯于使用 ASP.NET 的波浪号 (~) 运算符，这可能会令人困惑。

示例

考虑以下外部 JS 文件：

$("#toggle").click(function() {
  if (left.width() > 0) {
    AnimateNav(left, right, 0);
    $(this).css("background", "url('../Images/filters_expand.jpg')");
  }
  else {
    AnimateNav(left, right, 170);
    $(this).css("background", "url('../Images/filters_collapse.jpg')");
  }
});

从 Index.aspx 页面中，这个 JS 文件会查找相对于Index.aspx 页面的位置。因此，只要 Images 目录位于 Index.aspx 页面的上一级，路径就会按预期工作。

检查路径分辨率

如果如果不确定如何解析路径，可以打印一个简单的 JS 声明来确定基本路径。例如：

console.log("Current page path:", document.location.pathname);

这将输出当前页面的路径，然后您可以将其用作相对路径的基础。

以上是如何解析外部 JavaScript 文件中的相对路径？的详细内容。更多信息请关注PHP中文网其他相关文章！