DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中使用A標簽獲取當前目錄的絕對路徑方法
Javascript中使用A標簽獲取當前目錄的絕對路徑方法
編輯:關於JavaScript     

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

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;

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved