Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對路徑方法
一談到路徑相關(guān)的問題,大家都會往window.location上想,確實(shí)這個(gè)對象提供了相當(dāng)多的路徑信息,其中常用的就包括:
1.location.href:當(dāng)前頁面的完整URL
2.location.pathname:當(dāng)前URL中的路徑名
3.location.hash:當(dāng)前URL中的錨點(diǎn)
4.location.search:當(dāng)前URL中的查詢參數(shù)
然而,location沒有一個(gè)屬性能直接獲得當(dāng)前目錄(不含文件名)的絕對路徑。通過Google我發(fā)現(xiàn)了一些錯(cuò)誤的方法,比如說把URL通過“/”分離成數(shù)組,把數(shù)組的最后一項(xiàng)去掉以后再連接成字符串。但如果URL中沒有指定文件名,結(jié)果就大錯(cuò)特錯(cuò)了。
根據(jù)以往編碼的經(jīng)驗(yàn),a元素的href屬性總是會返回絕對路徑,也就是說它具有把相對路徑轉(zhuǎn)成絕對路徑的能力。使用下面的代碼嘗試了一下,果然成了:
var a = document.createElement('a');
a.href = './';
alert(a.href);
a = null;
很不幸地,此方法在老舊的IE 6/7下無效,當(dāng)執(zhí)行alert(a.href)時(shí),彈出的仍然是“./”。后來,我發(fā)現(xiàn)在Stackoverflow上也有人提出了這個(gè)問題,而解決方法也是很簡單的,只要把a(bǔ)通過innerHTML注入就可以了:
var div = document.createElement('div');
div.innerHTML = '<a href="./"></a>";
alert(div.firstChild.href);
div = null;
有人可能會問:為何不用正則表達(dá)式?我的答案是:要考慮有無文件名的情況、有無錨點(diǎn)的情況、有無查詢參數(shù)的情況,這條正則表達(dá)式可能會挺復(fù)雜的。
- 基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯
- JavaScript設(shè)置body高度為瀏覽器高度的方法
- JavaScript中window、doucment、body的解釋
- JS代碼放在head和body中的區(qū)別分析
- 使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
- javascript和jquery修改a標(biāo)簽的href屬性
- js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- JS 實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽的時(shí)候讓其背景更換
- js確認(rèn)刪除對話框適用于a標(biāo)簽及submit
- 在JS中a標(biāo)簽加入單擊事件屏蔽href跳轉(zhuǎn)頁面
- JavaScript實(shí)現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法
相關(guān)文章
js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)
這篇文章主要介紹了js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10正則中的回溯定義與用法分析【JS與java實(shí)現(xiàn)】
這篇文章主要介紹了正則中的回溯定義與用法,結(jié)合實(shí)例形式分析了回溯的概念、功能并提供了JS與java實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12javascript實(shí)現(xiàn)html頁面之間參數(shù)傳遞的四種方法實(shí)例分析
這篇文章主要介紹了javascript實(shí)現(xiàn)html頁面之間參數(shù)傳遞的四種方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)頁面之間參數(shù)傳遞的常用技巧,需要的朋友可以參考下2015-12-12BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)
這篇文章主要介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06js實(shí)現(xiàn)簡單秒表走動的時(shí)鐘特效
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單秒表走動的時(shí)鐘特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08js 關(guān)鍵詞高亮(根據(jù)ID/tag高亮關(guān)鍵字)案例介紹
關(guān)鍵詞高亮在開發(fā)中會帶來很多的方便,關(guān)鍵詞高亮包括:根據(jù)ID高亮關(guān)鍵字/根據(jù)Tag名高亮關(guān)鍵字等等,感興趣的朋友可以了解下,希望本文對你有所幫助2013-01-01JS獲取當(dāng)前日期時(shí)間并定時(shí)刷新示例
這篇文章主要介紹了JS如何獲取當(dāng)前日期時(shí)間并執(zhí)行定時(shí)刷新,示例代碼如下,需要的朋友不要錯(cuò)過2014-06-06