天天看點

javascript中使用a标簽擷取目前目錄的絕對路徑方法

一談到路徑相關的問題,大家都會往window.location上想,确實這個對象提供了相當多的路徑資訊,其中常用的就包括:

javascript中使用a标簽擷取目前目錄的絕對路徑方法

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 = '<a href=./></a>; 

alert(div.firstchild.href); 

div = null; 

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

來源:51cto

繼續閱讀