JavaScript 是一種廣泛使用的腳本語言，它能夠在網頁內添加不同的交互性元素，如動態效果、驗證表單數據等。一個網站通常會包含不同的資源文件，如圖像、文本文件、樣式表等文件，我們常常需要獲取這些文件的路徑來完成某些特定的功能。本文將介紹如何通過 JavaScript 獲取路徑，讓我們直接進入主題。
獲取網頁鏈接的路徑 我們可以使用 location 對象來獲取當前網頁的鏈接路徑。location 對象包含了當前窗口中加載文檔的信息，包括當前網頁的URL地址、查詢字符串（查詢參數）和頁面錨點等。如下所示：

<p>獲取當前網頁的完整URL鏈接路徑：</p>
<p id="urlPath"></p>

當我們運行上述代碼時，顯示的結果將是當前訪問頁面的完整URL鏈接路徑。
獲取網頁中某個元素的路徑 除了獲取整個網頁鏈接路徑，我們還可以獲取網頁中某個元素的路徑，例如圖片、視頻、音頻和超鏈接等元素。我們可以通過獲取元素的 src 屬性值或 href 屬性值來獲取它們的路徑。如下所示：

<p>獲取圖片和超鏈接的路徑：</p>
<br>
<p id="hyperlinkPath"><a ).onclick = function() {
alert(this.src);
};
document.getElementById('hyperlinkPath').onclick = function() {
alert(this.querySelector('a').href);
};
當我們點擊圖片或超鏈接時，將彈出一個窗口顯示圖片或超鏈接的地址。
獲取當前網頁所在文件夾的路徑
有時候，我們需要獲取當前網頁所在文件夾的路徑，以便訪問該文件夾下的其他資源文件。我們可以使用 window.location 對象中的屬性來獲取該路徑。如下所示：
<p>獲取當前網頁所在文件夾的路徑：</p>
<p id="folderPath"></p>

當我們運行上述代碼時，顯示的結果將是當前訪問頁面所在文件夾的路徑。
獲取瀏覽器中 cookie 文件路徑
我們可以使用 document.cookie 屬性來獲取當前網頁的 cookie 文件路徑。cookie 存儲在客戶端，用于在瀏覽器端跟蹤用戶的活動和認證身份等。如下所示：
<p>獲取當前的 cookie 文件路徑：</p>
<p id="cookiePath"></p>

當我們運行上述代碼時，顯示的結果將是 cookie 文件路徑。
小結
本文介紹了如何通過 JavaScript 獲取不同類型路徑，包括網頁鏈接路徑、某個元素的路徑、當前網頁所在文件夾的路徑和瀏覽器中 cookie 文件路徑等。這些路徑對于網站開發和優化具有重要的作用，可以幫助我們更有效地操作和管理網頁資源。