掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流
一談到路徑相關(guān)的問(wèn)題,大家都會(huì)往window.location上想,確實(shí)這個(gè)對(duì)象提供了相當(dāng)多的路徑信息,其中常用的就包括:

仁化網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),仁化網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為仁化1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢(qián),請(qǐng)找那個(gè)售后服務(wù)好的仁化做網(wǎng)站的公司定做!
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中的查詢(xún)參數(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注入就可以了:
代碼如下:
有人可能會(huì)問(wèn):為何不用正則表達(dá)式?我的答案是:要考慮有無(wú)文件名的情況、有無(wú)錨點(diǎn)的情況、有無(wú)查詢(xún)參數(shù)的情況,這條正則表達(dá)式可能會(huì)挺復(fù)雜的。

我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流