一、基本概念

　　1,、相對(duì)路徑-顧名思義，相對(duì)路徑就是相對(duì)于當(dāng)前文件的路徑,。網(wǎng)頁(yè)中一般表示路徑使用這個(gè)方法,。

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

在網(wǎng)絡(luò)中,，以http開頭的鏈接都是絕對(duì)路徑，絕對(duì)路徑就是你的主頁(yè)上的文件或目錄在硬盤上真正的路徑,，絕對(duì)路徑一般在CGI程序的路徑配置中經(jīng)常用到,，而在制作網(wǎng)頁(yè)中實(shí)際很少用到。
 

二,、相對(duì)路徑使用的特殊符號(hào)

以下為建立路徑所使用的幾個(gè)特殊符號(hào),，及其所代表的意義。

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

"../"：代表上一層目錄,。

以"/"開頭：代表根目錄。
示例：

 

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

1,、文件在當(dāng)前目錄

         Page2.html訪問(wèn)Page2Image.jpg

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

   2,、文件在上一層目錄

              Page1.html訪問(wèn)Image下的Image.jpg

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

              Page2.html訪問(wèn)Image下的Image.jpg

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

3、文件在下一層目錄

         Page1.html訪問(wèn)Site2文件夾下的Page2Image.jpg

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

 4、根目錄表示法,任何頁(yè)面訪問(wèn)Image下的Image.jpg圖片

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

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

A、Css中的圖片路徑,。寫css里的圖片路徑,，url是圖片針對(duì)樣式文件的位置

-- 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)    *** 錯(cuò)誤

B,、Js中圖片地址均相對(duì)于調(diào)用JS的頁(yè)面的相對(duì)位置,。

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

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

四、優(yōu)缺點(diǎn)及使用的地方

1,、絕對(duì)路徑的優(yōu)點(diǎn)

    A,、如果有人抄襲你的網(wǎng)站內(nèi)容，里面的鏈接還會(huì)指向你的網(wǎng)站,，有些抄襲的人比較懶,，根本不會(huì)去改內(nèi)容。其實(shí)也不局限于被抄襲,，如果有人將你的網(wǎng)頁(yè)保存到本地電腦中,，里面的鏈接、圖片,、css,、以及js仍然會(huì)連接到你的網(wǎng)站。

    B,、如果網(wǎng)頁(yè)位置改變,，里面的鏈接還是指向正確的URL。

2,、絕對(duì)路徑的缺點(diǎn)：

    A,、在編碼編寫時(shí)不方便使用絕對(duì)路徑，因?yàn)殒溄討?yīng)該指向真正的域名而不是開發(fā)站點(diǎn),。

相對(duì)路徑的優(yōu)缺點(diǎn)和絕對(duì)路徑幾乎相反,。

3、相對(duì)路徑的優(yōu)點(diǎn)：

    A,、容易移動(dòng)內(nèi)容,，可以整個(gè)目錄移動(dòng)。

    B,、測(cè)試方法比較靈活,，本機(jī)測(cè)試時(shí)比較方便。

4,、相對(duì)路徑的缺點(diǎn)：

    A,、部分內(nèi)容頁(yè)面換了位置時(shí)，鏈接容易失效。

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

五、相對(duì)路徑和絕對(duì)路徑在系統(tǒng)文件中與在網(wǎng)絡(luò)中類似,，文件的路徑符號(hào)是斜線“\”,，而網(wǎng)絡(luò)路徑卻是和它相反的反斜線“/”

 

六、小知識(shí)：
“新建網(wǎng)站”與“新建虛擬目錄”的差別,，一些用過(guò)的IIS的人都會(huì)知道新建虛擬目錄,，可以用來(lái)指定一個(gè)目錄來(lái)運(yùn)行ASP程序，但是如果ASP/HTML源代碼里經(jīng)常出現(xiàn)類似這樣的代碼“<img src="/images/logo.gif" >”,，注意“images”的前面斜杠“/”,。如果是在虛擬目錄不能調(diào)用此圖片的了，而只有新建網(wǎng)站才能,。其實(shí)相對(duì)路徑里的首字符是斜杠時(shí),，這表示是相對(duì)與網(wǎng)站的根目錄，但虛擬目錄始終都是一個(gè)網(wǎng)站底下的子目錄,，所以就不能用了

七,、例子

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

（二）,、在一個(gè)工程中,，根目錄下有JsLib/common.js文件。這是一個(gè)公用JS文件,，項(xiàng)目中每個(gè)頁(yè)面均會(huì)調(diào)用這個(gè)JS文件一個(gè)方法,。此方法是基于Jquery的Ajax訪問(wèn)返回列表的一個(gè)方法，ajax訪問(wèn)的路徑是根目錄下的Common/main.ashx?，F(xiàn)在碰到的問(wèn)題是如何保證這個(gè)Ajax訪問(wèn)的路徑在“新建網(wǎng)站”和“虛擬目錄”中均可以訪問(wèn),。

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

    1,、在“虛擬目錄”中查看路徑（Company為虛擬目錄名稱）:

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

2,、在“新建網(wǎng)站”中查看路徑:

Http://127.0.0.1/YHMGE/UserAdd.aspx

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

獲取根路徑（基于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便可順利訪問(wèn)

2,、在“新建網(wǎng)站”中查看路徑:

<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便可順利訪問(wèn)

    當(dāng)然,，這個(gè)方法的前提是JS文件的引用是絕對(duì)路徑,。