澄清 JavaScript 中的相對路徑和絕對路徑

相對路徑和絕對路徑是 Web 開發中的基本概念，理解它們的差異至關重要。

定義

絕對路徑指定相對於根目錄的位置（例如，/images/kitten.png）。另一方面，相對路徑指定相對於目前工作目錄的位置（例如，kitten.png）。

效能注意事項

相對路徑通常更有效，因為它們不需要瀏覽器從根目錄解析完整路徑。這可以導致更快的頁面載入時間。另一方面，絕對路徑可能會產生不同的效能影響，這取決於檔案系統的大小和組織。

安全注意事項

如果不小心使用，相對路徑可能會帶來安全風險。例如，惡意製作的腳本可能會利用相對路徑漏洞來存取其預期範圍之外的敏感檔案。為了減輕這種風險，通常建議盡可能使用絕對路徑，尤其是從不受信任的來源載入資源時。

將絕對路徑轉換為相對路徑

在 JavaScript 中，沒有直接的方法將絕對路徑轉換為相對路徑。但是，可以透過解析 URL 並提取相對於指定基本路徑的路徑來使用解決方法。

const absoluteUrl = 'http://www.example.com/images/kitten.png';
const baseUrl = 'http://www.example.com';
const relativePath = absoluteUrl.substring(baseUrl.length);