原文地址:http://blog.csdn.net/jzdzhiyun/article/details/5282512
一坊罢、基本概念
1续担、相對路徑-顧名思義,相對路徑就是相對于當(dāng)前文件的路徑活孩。網(wǎng)頁中一般表示路徑使用這個方法物遇。
2、絕對路徑-絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑。絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑询兴,比如乃沙,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑
在網(wǎng)絡(luò)中诗舰,以http開頭的鏈接都是絕對路徑警儒,絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑,絕對路徑一般在CGI程序的路徑配置中經(jīng)常用到眶根,而在制作網(wǎng)頁中實際很少用到蜀铲。
二、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個特殊符號属百,及其所代表的意義蝙茶。
"./":代表目前所在的目錄。
"../":代表上一層目錄诸老。
以"/"開頭:代表根目錄隆夯。
根目錄下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夾别伏。Site2下有Page2.html和Page2Image.jpg圖片文件蹄衷。
1、文件在當(dāng)前目錄
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中圖片地址均相對于調(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旦部、在編碼編寫時不方便使用絕對路徑祈搜,因為鏈接應(yīng)該指向真正的域名而不是開發(fā)站點。
相對路徑的優(yōu)缺點和絕對路徑幾乎相反士八。
3容燕、相對路徑的優(yōu)點:
A、容易移動內(nèi)容婚度,可以整個目錄移動蘸秘。
B、測試方法比較靈活蝗茁,本機測試時比較方便醋虏。
4、相對路徑的缺點:
A哮翘、部分內(nèi)容頁面換了位置時颈嚼,鏈接容易失效。
B饭寺、容易被人大面積采集抄襲阻课。
五、相對路徑和絕對路徑在系統(tǒng)文件中與在網(wǎng)絡(luò)中類似艰匙,文件的路徑符號是斜線“/”限煞,而網(wǎng)絡(luò)路徑卻是和它相反的反斜線“/”
六、小知識:“新建網(wǎng)站”與“新建虛擬目錄”的差別员凝,一些用過的IIS的人都會知道新建虛擬目錄晰骑,可以用來指定一個目錄來運行ASP程序,但是如果ASP/HTML源代碼里經(jīng)常出現(xiàn)類似這樣的代碼“<img src="/images/logo.gif" >”绊序,注意“images”的前面斜杠“/”硕舆。如果是在虛擬目錄不能調(diào)用此圖片的了掺冠,而只有新建網(wǎng)站才能夹供。其實相對路徑里的首字符是斜杠時,這表示是相對與網(wǎng)站的根目錄桩砰,但虛擬目錄始終都是一個網(wǎng)站底下的子目錄阶捆,所以就不能用了
七凌节、
(一)钦听、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文件,項目中每個頁面均會調(diào)用這個JS文件一個方法卒煞。此方法是基于Jquery的Ajax訪問返回列表的一個方法痪宰,ajax訪問的路徑是根目錄下的Common/main.ashx。現(xiàn)在碰到的問題是如何保證這個Ajax訪問的路徑在“新建網(wǎng)站”和“虛擬目錄”中均可以訪問畔裕。
比如在根目錄下的YHMGE/UserAdd.aspx頁面衣撬。
1、在“虛擬目錄”中查看路徑(Company為虛擬目錄名稱):
Http://127.0.0.1/Company/YHMGE/UserAdd.aspx
2扮饶、在“新建網(wǎng)站”中查看路徑:
Http://127.0.0.1/YHMGE/UserAdd.aspx
如果要保證在“新建網(wǎng)站”和“虛擬目錄”中均可以訪問具练,對于上面兩個連接,無法寫通用的方法獲取頁面基于根目錄有幾層甜无。所以有一種思路就是使用絕對路徑扛点,獲取common.js的根路徑便可以訪問句柄頁面了。我們可以在common.js文件中獲取/JsLib/common.js文件的絕對路徑岂丘,再經(jīng)此路徑去掉“/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翩概、在“新建網(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便可順利訪問
當(dāng)然钥庇,這個方法的前提是JS文件的引用是絕對路徑牍鞠。