javascript中使用a標簽獲取當前目錄的絕對路徑方法
一談到路徑相關(guān)的問題,大家都會往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中沒有指定文件名,結(jié)果就大錯特錯了。
根據(jù)以往編碼的經(jīng)驗,a元素的href屬性總是會返回絕對路徑,也就是說它具有把相對路徑轉(zhuǎn)成絕對路徑的能力。使用下面的代碼嘗試了一下,果然成了:
- 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ù)的情況,這條正則表達式可能會挺復雜的。