關於相對路徑和據對路徑

一、基本概念

  1、相對路徑-顧名思義,相對路徑就是相對於當前文件的路徑。網頁中一般表示路徑使用這個方法。

2、絕對路徑-絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑。絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那麼 c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑

在網絡中,以http開頭的鏈接都是絕對路徑,絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑,絕對路徑一般在CGI程序的路徑配置中經常用到,而在製作網頁中實際很少用到。

二、相對路徑使用的特殊符號

以下爲建立路徑所使用的幾個特殊符號,及其所代表的意義。

"./":代表目前所在的目錄。

"../":代表上一層目錄。

以"/"開頭:代表根目錄。

 

根目錄下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夾。Site2下有Page2.html和Page2Image.jpg圖片文件。

1、文件在當前目錄

         Page2.html訪問Page2Image.jpg

         <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

   2、文件在上一層目錄

              Page1.html訪問Image下的Image.jpg

              <img src=”../Image/Image.jpg”>

              Page2.html訪問Image下的Image.jpg

              <img src=”../../Image/Image.jpg”>

3、文件在下一層目錄

         Page1.html訪問Site2文件夾下的Page2Image.jpg

              <img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>

 4、根目錄表示法,任何頁面訪問Image下的Image.jpg圖片

              <img src=”/Image/Image.jpg”>

三、常使用且要注意的地方

A、Css中的圖片路徑。寫css裏的圖片路徑,url是圖片針對樣式文件的位置

-- index.html

-- css   /main.css

-- images/1.jpg

如果: index.html引用main.css,且在main.css 引用images目錄裏的1.jpg :

      background: url(../images/1.jpg)  *** 正確

background: url(images/1.jpg)    *** 錯誤

B、Js中圖片地址均相對於調用JS的頁面的相對位置。

document.getElementById("IMG1").style.backgroundImage

= "url(../Images/login.jpg)";

四、優缺點及使用的地方

1、絕對路徑的優點

    A、如果有人抄襲你的網站內容,裏面的鏈接還會指向你的網站,有些抄襲的人比較懶,根本不會去改內容。其實也不侷限於被抄襲,如果有人將你的網頁保存到本地電腦中,裏面的鏈接、圖片、css、以及js仍然會連接到你的網站。

    B、如果網頁位置改變,裏面的鏈接還是指向正確的URL。

2、絕對路徑的缺點:

    A、在編碼編寫時不方便使用絕對路徑,因爲鏈接應該指向真正的域名而不是開發站點。

相對路徑的優缺點和絕對路徑幾乎相反。

3、相對路徑的優點:

    A、容易移動內容,可以整個目錄移動。

    B、測試方法比較靈活,本機測試時比較方便。

4、相對路徑的缺點:

    A、部分內容頁面換了位置時,鏈接容易失效。

    B、容易被人大面積採集抄襲。

五、相對路徑和絕對路徑在系統文件中與在網絡中類似,文件的路徑符號是斜線“/,而網絡路徑卻是和它相反的反斜線“/”

 

六、小知識:“新建網站”與“新建虛擬目錄”的差別,一些用過的IIS的人都會知道新建虛擬目錄,可以用來指定一個目錄來運行ASP程序,但是如果ASP/HTML源代碼裏經常出現類似這樣的代碼“<img src="/images/logo.gif" >”,注意“images”的前面斜槓“/”。如果是在虛擬目錄不能調用此圖片的了,而只有新建網站才能。其實相對路徑裏的首字符是斜槓時,這表示是相對與網站的根目錄,但虛擬目錄始終都是一個網站底下的子目錄,所以就不能用了

七、

(一)、Cs類中獲取絕對路徑: System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Authority + System.Web.HttpContext.Current.Request.ApplicationPath+"/";

(二)、在一個工程中,根目錄下有JsLib/common.js文件。這是一個公用JS文件,項目中每個頁面均會調用這個JS文件一個方法。此方法是基於jQuery的Ajax訪問返回列表的一個方法,ajax訪問的路徑是根目錄下的Common/main.ashx。現在碰到的問題是如何保證這個Ajax訪問的路徑在“新建網站”和“虛擬目錄”中均可以訪問。

    比如在根目錄下的YHMGE/UserAdd.aspx頁面。

    1、在“虛擬目錄”中查看路徑(Company爲虛擬目錄名稱):

Http://127.0.0.1/Company/YHMGE/UserAdd.aspx

2、在“新建網站”中查看路徑:

Http://127.0.0.1/YHMGE/UserAdd.aspx

如果要保證在“新建網站”和“虛擬目錄”中均可以訪問,對於上面兩個連接,無法寫通用的方法獲取頁面基於根目錄有幾層。所以有一種思路就是使用絕對路徑,獲取common.js的根路徑便可以訪問句柄頁面了。我們可以在common.js文件中獲取/JsLib/common.js文件的絕對路徑,再經此路徑去掉“/JsLib/common.js”部分,再將要訪問的Common/main.ashx接在這個路徑便可以。

獲取根路徑(基於Jquery):

function getRootPath(){

         var scriptObj = $("script[src$='/JsLib/common.js']");

         if(scriptObj==undefined)

         {

             return "";

         }

         var srcBase = scriptObj.eq(0).attr("src").replace("/JsLib/common.js","");;

         return srcBase

}

 

1、在“虛擬目錄”中查看路徑(Company爲虛擬目錄名稱):

<script src="Http://127.0.0.1/Company/JsLib/common.js" type="text/JavaScript"></script>

截取後得出:Http://127.0.0.1/Company/,再接上“Common/main.ashx”,得出Http://127.0.0.1/Company/Common/main.ashx便可順利訪問

2、在“新建網站”中查看路徑:

<script src="Http://127.0.0.1/JsLib/common.js" type="text/javascript"></script>

截取後得出:Http://127.0.0.1/ ,再接上“Common/main.ashx”,得出Http://127.0.0.1/ Common/main.ashx便可順利訪問

    當然,這個方法的前提是JS文件的引用是絕對路徑。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章