關于絕對路徑和相對路徑

原文地址:http://blog.csdn.net/jzdzhiyun/article/details/5282512

一、基本概念
  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文件的引用是絕對路徑。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,702評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,615評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,606評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,044評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,826評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,227評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,307評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,447評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,992評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,807評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,001評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,550評論 5 361
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,243評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,667評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,930評論 1 287
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,709評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,996評論 2 374

推薦閱讀更多精彩內容