如何解析外部 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中文網其他相關文章！