一挚赊、基本概念
1、相對路徑-顧名思義济瓢,相對路徑就是相對于當前文件的路徑荠割。網(wǎng)頁中一般表示路徑使用這個方法。
2旺矾、絕對路徑-絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑蔑鹦。絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑,比如箕宙,你的Perl?程序是存放在?c:/apache/cgi-bin?下的嚎朽,那么?c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑
在網(wǎng)絡中,以http開頭的鏈接都是絕對路徑柬帕,絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑哟忍,絕對路徑一般在CGI程序的路徑配置中經(jīng)常用到,而在制作網(wǎng)頁中實際很少用到雕崩。
二魁索、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個特殊符號,及其所代表的意義盼铁。
"./":代表目前所在的目錄。
"../":代表上一層目錄尝偎。
以"/"開頭:代表根目錄饶火。
二、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個特殊符號致扯,及其所代表的意義肤寝。
"./":代表目前所在的目錄。
"../":代表上一層目錄抖僵。
以"/"開頭:代表根目錄鲤看。
根目錄下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夾耍群。Site2下有Page2.html和Page2Image.jpg圖片文件义桂。
1、文件在當前目錄
Page2.html訪問Page2Image.jpg

或者
2蹈垢、文件在上一層目錄
Page1.html訪問Image下的Image.jpg

Page2.html訪問Image下的Image.jpg

3慷吊、文件在下一層目錄
Page1.html訪問Site2文件夾下的Page2Image.jpg
4、根目錄表示法,任何頁面訪問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中圖片地址均相對于調(diào)用JS的頁面的相對位置。
document.getElementById("IMG1").style.backgroundImage
= "url(../Images/login.jpg)";
四触创、優(yōu)缺點及使用的地方
1灾锯、絕對路徑的優(yōu)點
A、如果有人抄襲你的網(wǎng)站內(nèi)容嗅榕,里面的鏈接還會指向你的網(wǎng)站顺饮,有些抄襲的人比較懶,根本不會去改內(nèi)容凌那。其實也不局限于被抄襲兼雄,如果有人將你的網(wǎng)頁保存到本地電腦中,里面的鏈接帽蝶、圖片赦肋、css、以及js仍然會連接到你的網(wǎng)站励稳。
B佃乘、如果網(wǎng)頁位置改變,里面的鏈接還是指向正確的URL驹尼。
2趣避、絕對路徑的缺點:
A、在編碼編寫時不方便使用絕對路徑新翎,因為鏈接應該指向真正的域名而不是開發(fā)站點程帕。
相對路徑的優(yōu)缺點和絕對路徑幾乎相反。
3地啰、相對路徑的優(yōu)點:
A愁拭、容易移動內(nèi)容,可以整個目錄移動亏吝。
B岭埠、測試方法比較靈活,本機測試時比較方便蔚鸥。
4惜论、相對路徑的缺點:
A、部分內(nèi)容頁面換了位置時株茶,鏈接容易失效来涨。
B、容易被人大面積采集抄襲启盛。
五蹦掐、相對路徑和絕對路徑在系統(tǒng)文件中與在網(wǎng)絡中類似技羔,文件的路徑符號是斜線“/”,而網(wǎng)絡路徑卻是和它相反的反斜線“/”

六卧抗、小知識:“新建網(wǎng)站”與“新建虛擬目錄”的差別藤滥,一些用過的IIS的人都會知道新建虛擬目錄,可以用來指定一個目錄來運行ASP程序社裆,但是如果ASP/HTML源代碼里經(jīng)常出現(xiàn)類似這樣的代碼“”拙绊,注意“images”的前面斜杠“/”。如果是在虛擬目錄不能調(diào)用此圖片的了泳秀,而只有新建網(wǎng)站才能标沪。其實相對路徑里的首字符是斜杠時,這表示是相對與網(wǎng)站的根目錄嗜傅,但虛擬目錄始終都是一個網(wǎng)站底下的子目錄金句,所以就不能用了
Http://127.0.0.1/JsLib/common.js" type="text/javascript">
截取后得出:Http://127.0.0.1/,再接上“Common/main.ashx”吕嘀,得出Http://127.0.0.1/ Common/main.ashx便可順利訪問
當然违寞,這個方法的前提是JS文件的引用是絕對路徑