相對路徑轉換為絕對路徑的程式碼例項

antzone發表於2017-03-21

在某些應用情況下,可能需要將相對路徑轉換為絕對路徑,下面就分享一段能夠實現此功能的程式碼。

關於相對路徑和絕對路徑這裡就不多介紹了,具體可以參閱相對路徑和絕對路徑用法詳解一章節。 

獲取路徑在網頁中,通常可以使用window.location物件實現,這裡不多介紹了,具體可以參閱javascript location物件一章節, 但是並不能夠獲取絕對路徑,下面就是一段能夠實現此功能的程式碼,如下:

[JavaScript] 純文字檢視 複製程式碼
var olink=document.createElement("a"); 
olink.href='./'; 
console.log(olink.href); 
olink=null;

超連結的href屬性的返回值是一個絕對路徑,但是遺憾的是在IE6和IE7瀏覽器依然返回的是"./",不過程式碼可以進行簡單的修改就可以實現我們的要求了,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var div=document.createElement("div");
div.innerHTML='<a href="./"></a>';
console.log(div.firstChild.href);
div=null;

方式很簡單,也不知道如何解釋,就是講連結程式碼作為div的innerHTML屬性值,然後再取href屬性就可以了。


相關文章