Javascript中使用A標籤取得目前目錄的絕對路徑方法_javascript技巧

一談到路徑相關的問題，大家都會往window.location上想，確實這個物件提供了相當多的路徑訊息，其中常用的就包括：

1.location.href：目前頁面的完整URL
2.location.pathname：目前URL中的路徑名
3.location.hash：目前URL中的錨點
4.location.search：目前URL中的查詢參數

然而，location沒有一個屬性能直接取得目前目錄（不含檔名）的絕對路徑。透過Google我發現了一些錯誤的方法，比如說​​把URL透過「/」分離成數組，把數組的最後一項去掉以後再連接成字串。但如果URL中沒有指定檔名，結果就大錯特錯了。

根據以往編碼的經驗，a元素的href屬性總是會返回絕對路徑，也就是說它具有把相對路徑轉成絕對路徑的能力。使用下面的程式碼嘗試了一下，果然成了：

複製程式碼 程式碼如下:

var a = document.createElement('a');
a.href = './';
alert(a.href);
a = null;

很不幸地，此方法在老舊的IE 6/7下無效，當執行alert(a.href)時，彈出的仍然是“./”。後來，我發現在Stackoverflow上也有人提出了這個問題，而解決方法也是很簡單的，只要把a透過innerHTML注入就可以了：

複製程式碼 程式碼如下:

var div = document.createElement('div');
div.innerHTML = '";
alert(div.firstChild.href);
div = null;

有人可能會問：為何不用正規表示式？我的答案是：要考慮有無檔名的情況、有無錨點的情況、有無查詢參數的情況，這條正規表示式可能會挺複雜的。