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