一談到路徑相關(guān)的問(wèn)題，大家都會(huì)往window.location上想，確實(shí)這個(gè)對(duì)象提供了相當(dāng)多的路徑信息，其中常用的就包括：

[[130790]]

1.location.href：當(dāng)前頁(yè)面的完整url

2.location.pathname：當(dāng)前url中的路徑名

3.location.hash：當(dāng)前url中的錨點(diǎn)

4.location.search：當(dāng)前url中的查詢參數(shù)

然而，location沒(méi)有一個(gè)屬性能直接獲得當(dāng)前目錄（不含文件名）的絕對(duì)路徑。通過(guò)google我發(fā)現(xiàn)了一些錯(cuò)誤的方法，比如說(shuō)把url通過(guò)“/”分離成數(shù)組，把數(shù)組的***一項(xiàng)去掉以后再連接成字符串。但如果url中沒(méi)有指定文件名，結(jié)果就大錯(cuò)特錯(cuò)了。

根據(jù)以往編碼的經(jīng)驗(yàn)，a元素的href屬性總是會(huì)返回絕對(duì)路徑，也就是說(shuō)它具有把相對(duì)路徑轉(zhuǎn)成絕對(duì)路徑的能力。使用下面的代碼嘗試了一下，果然成了：

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

很不幸地，此方法在老舊的ie 6/7下無(wú)效，當(dāng)執(zhí)行alert(a.href)時(shí)，彈出的仍然是“./”。后來(lái)，我發(fā)現(xiàn)在stackoverflow上也有人提出了這個(gè)問(wèn)題，而解決方法也是很簡(jiǎn)單的，只要把a(bǔ)通過(guò)innerhtml注入就可以了：

代碼如下:

var div = document.createelement('div'); 
div.innerhtml = '<a href=./></a>; 
alert(div.firstchild.href); 
div = null; 

有人可能會(huì)問(wèn)：為何不用正則表達(dá)式？我的答案是：要考慮有無(wú)文件名的情況、有無(wú)錨點(diǎn)的情況、有無(wú)查詢參數(shù)的情況，這條正則表達(dá)式可能會(huì)挺復(fù)雜的。