這篇文章主要介紹了Javascript中使用A標簽獲取當前目錄的絕對路徑方法,本文講解的方法比較特別,需要的朋友可以參考下
一談到路徑相關的問題，大家都會往window.location上想，確實這個對象提供了相當多的路徑信息，其中常用的就包括：
1.location.href：當前頁面的完整URL
2.location.pathname：當前URL中的路徑名
3.location.hash：當前URL中的錨點
4.location.search：當前URL中的查詢參數(shù)
然而，location沒有一個屬性能直接獲得當前目錄（不含文件名）的絕對路徑。通過Google我發(fā)現(xiàn)了一些錯誤的方法，比如說把URL通過“/”分離成數(shù)組，把數(shù)組的最后一項去掉以后再連接成字符串。但如果URL中沒有指定文件名，結果就大錯特錯了。
根據(jù)以往編碼的經(jīng)驗，a元素的href屬性總是會返回絕對路徑，也就是說它具有把相對路徑轉成絕對路徑的能力。使用下面的代碼嘗試了一下，果然成了：
代碼如下:
var a = document.createElement('a');
a.href = './';
alert(a.href);
a = null;
很不幸地，此方法在老舊的IE 6/7下無效，當執(zhí)行alert(a.href)時，彈出的仍然是“./”。后來，我發(fā)現(xiàn)在Stackoverflow上也有人提出了這個問題，而解決方法也是很簡單的，只要把a通過innerHTML注入就可以了：
代碼如下:
var div = document.createElement('div');
div.innerHTML = '<a href="./"></a>";
alert(div.firstChild.href);
div = null;
有人可能會問：為何不用正則表達式？我的答案是：要考慮有無文件名的情況、有無錨點的情況、有無查詢參數(shù)的情況，這條正則表達式可能會挺復雜的。
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試