一、基本概念
* 什么是目錄?
目錄在計算機術(shù)語(yǔ)中就是文件夾,目錄所在的目錄就是文件夾它本身,文件所在的目錄就是它所在的文件夾。
1、相對路徑-顧名思義,相對路徑就是相對于當前文件的路徑。網(wǎng)頁(yè)中一般表示路徑使用這個(gè)方法。
2、絕對路徑-絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑。絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑
在網(wǎng)絡(luò )中,以http開(kāi)頭的鏈接都是絕對路徑,絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑,絕對路徑一般在CGI程序的路徑配置中經(jīng)常用到,而在制作網(wǎng)頁(yè)中實(shí)際很少用到。
二、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個(gè)特殊符號,及其所代表的意義。
"./":代表目前所在的目錄。
"../":代表上一層目錄。
以"/"開(kāi)頭:代表根目錄。
根目錄下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夾。Site2下有Page2.html和Page2Image.jpg圖片文件。
Web/Image/Image.jpg
Web/Site1/Page1.html
Web/Site1/Site2/Page2.html
Web/Site1/Site2/Page2Image.jpg
1、文件在當前目錄(Page2.html的當前目錄是Site2,Site2的目錄式Site2,Site2的上一級目錄是Site1,Site1的目錄是Site1,Site1的上一級目錄式Web)
Page2.html訪(fǎng)問(wèn)Page2Image.jpg
<img src=”./Page2Image.jpg”>或者<img src=”P(pán)age2Image. jpg”>
2、文件在上一層目錄
Page1.html訪(fǎng)問(wèn)Image下的Image.jpg
<img src=”../Image/Image.jpg”>
Page2.html訪(fǎng)問(wèn)Image下的Image.jpg
<img src=”../../Image/Image.jpg”>等效于<img src=”../.././Image/Image.jpg”>
3、文件在下一層目錄
Page1.html訪(fǎng)問(wèn)Site2文件夾下的Page2Image.jpg
<img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>
4、根目錄表示法,任何頁(yè)面訪(fǎng)問(wèn)Image下的Image.jpg圖片
<img src=”/Image/Image.jpg”>
三、常使用且要注意的地方
A、Css中的圖片路徑。寫(xiě)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的頁(yè)面的相對位置。
document.getElementById("IMG1").style.backgroundImage
= "url(../Images/login.jpg)";
四、優(yōu)缺點(diǎn)及使用的地方
1、絕對路徑的優(yōu)點(diǎn)
A、如果有人抄襲你的網(wǎng)站內容,里面的鏈接還會(huì )指向你的網(wǎng)站,有些抄襲的人比較懶,根本不會(huì )去改內容。其實(shí)也不局限于被抄襲,如果有人將你的網(wǎng)頁(yè)保存到本地電腦中,里面的鏈接、圖片、css、以及js仍然會(huì )連接到你的網(wǎng)站。
B、如果網(wǎng)頁(yè)位置改變,里面的鏈接還是指向正確的URL。
2、絕對路徑的缺點(diǎn):
A、在編碼編寫(xiě)時(shí)不方便使用絕對路徑,因為鏈接應該指向真正的域名而不是開(kāi)發(fā)站點(diǎn)。
相對路徑的優(yōu)缺點(diǎn)和絕對路徑幾乎相反。
3、相對路徑的優(yōu)點(diǎn):
A、容易移動(dòng)內容,可以整個(gè)目錄移動(dòng)。
B、測試方法比較靈活,本機測試時(shí)比較方便。
4、相對路徑的缺點(diǎn):
A、部分內容頁(yè)面換了位置時(shí),鏈接容易失效。
B、容易被人大面積采集抄襲。
五、相對路徑和絕對路徑在系統文件中與在網(wǎng)絡(luò )中類(lèi)似,文件的路徑符號是斜線(xiàn)“/”,而網(wǎng)絡(luò )路徑卻是和它相反的反斜線(xiàn)“/”
六、小知識:“新建網(wǎng)站”與“新建虛擬目錄”的差別,一些用過(guò)的IIS的人都會(huì )知道新建虛擬目錄,可以用來(lái)指定一個(gè)目錄來(lái)運行ASP程序,但是如果ASP/HTML源代碼里經(jīng)常出現類(lèi)似這樣的代碼“<img src="http://images.cnblogs.com/logo.gif" >”,注意“images”的前面斜杠“/”。如果是在虛擬目錄不能調用此圖片的了,而只有新建網(wǎng)站才能。其實(shí)相對路徑里的首字符是斜杠時(shí),這表示是相對與網(wǎng)站的根目錄,但虛擬目錄始終都是一個(gè)網(wǎng)站底下的子目錄,所以就不能用了
七、
(一)、Cs類(lèi)中獲取絕對路徑: 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文件,項目中每個(gè)頁(yè)面均會(huì )調用這個(gè)JS文件一個(gè)方法。此方法是基于Jquery的Ajax訪(fǎng)問(wèn)返回列表的一個(gè)方法,ajax訪(fǎng)問(wèn)的路徑是根目錄下的Common/main.ashx?,F在碰到的問(wèn)題是如何保證這個(gè)Ajax訪(fǎng)問(wèn)的路徑在“新建網(wǎng)站”和“虛擬目錄”中均可以訪(fǎng)問(wèn)。
比如在根目錄下的YHMGE/UserAdd.aspx頁(yè)面。
1、在“虛擬目錄”中查看路徑(Company為虛擬目錄名稱(chēng)):
Http://127.0.0.1/Company/YHMGE/UserAdd.aspx
2、在“新建網(wǎng)站”中查看路徑:
Http://127.0.0.1/YHMGE/UserAdd.aspx
如果要保證在“新建網(wǎng)站”和“虛擬目錄”中均可以訪(fǎng)問(wèn),對于上面兩個(gè)連接,無(wú)法寫(xiě)通用的方法獲取頁(yè)面基于根目錄有幾層。所以有一種思路就是使用絕對路徑,獲取common.js的根路徑便可以訪(fǎng)問(wèn)句柄頁(yè)面了。我們可以在common.js文件中獲取/JsLib/common.js文件的絕對路徑,再經(jīng)此路徑去掉“/JsLib/common.js”部分,再將要訪(fǎng)問(wèn)的Common/main.ashx接在這個(gè)路徑便可以。
獲取根路徑(基于Jquery):
function getRootPath(){
var scriptObj = ='/JsLib/common.js']");
if(scriptObj==undefined)
{
return "";
}
var srcBase = scriptObj.eq(0).attr("src").replace("/JsLib/common.js","");;
return srcBase
}
1、在“虛擬目錄”中查看路徑(Company為虛擬目錄名稱(chēng)):
<script src="
截取后得出:Http://127.0.0.1/Company/,再接上“Common/main.ashx”,得出Http://127.0.0.1/Company/Common/main.ashx便可順利訪(fǎng)問(wèn) 2、在“新建網(wǎng)站”中查看路徑: <script src="
截取后得出:Http://127.0.0.1/ ,再接上“Common/main.ashx”,得出Http://127.0.0.1/ Common/main.ashx便可順利訪(fǎng)問(wèn) 當然,這個(gè)方法的前提是JS文件的引用是絕對路徑。 異常:Warning: require(./app/ThinkPHP.php): failed to open stream: No such file or…… 解決辦法: 一、基本概念 * 什么是目錄? 目錄在計算機術(shù)語(yǔ)中就是文件夾,目錄所在的目錄就是文件夾它本身,文件所在的目錄就是它所在的文件夾。 1、相對路徑-顧名思義,相對路徑就是相對于當前文件的路徑。網(wǎng)頁(yè)中一般表示路徑使用這個(gè)方法。 2、絕對路徑-絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑。絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑 在網(wǎng)絡(luò )中,以http開(kāi)頭的鏈接都是絕對路徑,絕對路徑就是你的主頁(yè)上的文件或目錄在硬盤(pán)上真正的路徑,絕對路徑一般在CGI程序的路徑配置中經(jīng)常用到,而在制作網(wǎng)頁(yè)中實(shí)際很少用到。 二、相對路徑使用的特殊符號 以下為建立路徑所使用的幾個(gè)特殊符號,及其所代表的意義。 "./":代表目前所在的目錄。 "../":代表上一層目錄。 以"/"開(kāi)頭:代表根目錄。 根目錄下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夾。Site2下有Page2.html和Page2Image.jpg圖片文件。 Web/Image/Image.jpg Web/Site1/Page1.html Web/Site1/Site2/Page2.html Web/Site1/Site2/Page2Image.jpg 1、文件在當前目錄(Page2.html的當前目錄是Site2,Site2的目錄式Site2,Site2的上一級目錄是Site1,Site1的目錄是Site1,Site1的上一級目錄式Web) Page2.html訪(fǎng)問(wèn)Page2Image.jpg <img src=”./Page2Image.jpg”>或者<img src=”P(pán)age2Image. jpg”> 2、文件在上一層目錄 Page1.html訪(fǎng)問(wèn)Image下的Image.jpg <img src=”../Image/Image.jpg”> Page2.html訪(fǎng)問(wèn)Image下的Image.jpg <img src=”../../Image/Image.jpg”>等效于<img src=”../.././Image/Image.jpg”> 3、文件在下一層目錄 Page1.html訪(fǎng)問(wèn)Site2文件夾下的Page2Image.jpg <img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”> 4、根目錄表示法,任何頁(yè)面訪(fǎng)問(wèn)Image下的Image.jpg圖片 <img src=”/Image/Image.jpg”> 三、常使用且要注意的地方 A、Css中的圖片路徑。寫(xiě)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的頁(yè)面的相對位置。 document.getElementById("IMG1").style.backgroundImage = "url(../Images/login.jpg)"; 四、優(yōu)缺點(diǎn)及使用的地方 1、絕對路徑的優(yōu)點(diǎn) A、如果有人抄襲你的網(wǎng)站內容,里面的鏈接還會(huì )指向你的網(wǎng)站,有些抄襲的人比較懶,根本不會(huì )去改內容。其實(shí)也不局限于被抄襲,如果有人將你的網(wǎng)頁(yè)保存到本地電腦中,里面的鏈接、圖片、css、以及js仍然會(huì )連接到你的網(wǎng)站。 B、如果網(wǎng)頁(yè)位置改變,里面的鏈接還是指向正確的URL。 2、絕對路徑的缺點(diǎn): A、在編碼編寫(xiě)時(shí)不方便使用絕對路徑,因為鏈接應該指向真正的域名而不是開(kāi)發(fā)站點(diǎn)。 相對路徑的優(yōu)缺點(diǎn)和絕對路徑幾乎相反。 3、相對路徑的優(yōu)點(diǎn): A、容易移動(dòng)內容,可以整個(gè)目錄移動(dòng)。 B、測試方法比較靈活,本機測試時(shí)比較方便。 4、相對路徑的缺點(diǎn): A、部分內容頁(yè)面換了位置時(shí),鏈接容易失效。 B、容易被人大面積采集抄襲。 五、相對路徑和絕對路徑在系統文件中與在網(wǎng)絡(luò )中類(lèi)似,文件的路徑符號是斜線(xiàn)“/”,而網(wǎng)絡(luò )路徑卻是和它相反的反斜線(xiàn)“/” 六、小知識:“新建網(wǎng)站”與“新建虛擬目錄”的差別,一些用過(guò)的IIS的人都會(huì )知道新建虛擬目錄,可以用來(lái)指定一個(gè)目錄來(lái)運行ASP程序,但是如果ASP/HTML源代碼里經(jīng)常出現類(lèi)似這樣的代碼“<img src="http://images.cnblogs.com/logo.gif" >”,注意“images”的前面斜杠“/”。如果是在虛擬目錄不能調用此圖片的了,而只有新建網(wǎng)站才能。其實(shí)相對路徑里的首字符是斜杠時(shí),這表示是相對與網(wǎng)站的根目錄,但虛擬目錄始終都是一個(gè)網(wǎng)站底下的子目錄,所以就不能用了 七、 (一)、Cs類(lèi)中獲取絕對路徑: 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文件,項目中每個(gè)頁(yè)面均會(huì )調用這個(gè)JS文件一個(gè)方法。此方法是基于Jquery的Ajax訪(fǎng)問(wèn)返回列表的一個(gè)方法,ajax訪(fǎng)問(wèn)的路徑是根目錄下的Common/main.ashx?,F在碰到的問(wèn)題是如何保證這個(gè)Ajax訪(fǎng)問(wèn)的路徑在“新建網(wǎng)站”和“虛擬目錄”中均可以訪(fǎng)問(wèn)。 比如在根目錄下的YHMGE/UserAdd.aspx頁(yè)面。 1、在“虛擬目錄”中查看路徑(Company為虛擬目錄名稱(chēng)): Http://127.0.0.1/Company/YHMGE/UserAdd.aspx 2、在“新建網(wǎng)站”中查看路徑: Http://127.0.0.1/YHMGE/UserAdd.aspx 如果要保證在“新建網(wǎng)站”和“虛擬目錄”中均可以訪(fǎng)問(wèn),對于上面兩個(gè)連接,無(wú)法寫(xiě)通用的方法獲取頁(yè)面基于根目錄有幾層。所以有一種思路就是使用絕對路徑,獲取common.js的根路徑便可以訪(fǎng)問(wèn)句柄頁(yè)面了。我們可以在common.js文件中獲取/JsLib/common.js文件的絕對路徑,再經(jīng)此路徑去掉“/JsLib/common.js”部分,再將要訪(fǎng)問(wèn)的Common/main.ashx接在這個(gè)路徑便可以。 獲取根路徑(基于Jquery): function getRootPath(){ var scriptObj = ='/JsLib/common.js']"); if(scriptObj==undefined) { return ""; } var srcBase = scriptObj.eq(0).attr("src").replace("/JsLib/common.js","");; return srcBase } 1、在“虛擬目錄”中查看路徑(Company為虛擬目錄名稱(chēng)): <script src="
截取后得出:Http://127.0.0.1/Company/,再接上“Common/main.ashx”,得出Http://127.0.0.1/Company/Common/main.ashx便可順利訪(fǎng)問(wèn) 2、在“新建網(wǎng)站”中查看路徑: <script src="
截取后得出:Http://127.0.0.1/ ,再接上“Common/main.ashx”,得出Http://127.0.0.1/ Common/main.ashx便可順利訪(fǎng)問(wèn) 當然,這個(gè)方法的前提是JS文件的引用是絕對路徑。 異常:Warning: require(./app/ThinkPHP.php): failed to open stream: No such file or…… 解決辦法:
路徑錯了。
Index.php就是在app目錄下的,同時(shí)thinkapp.php也在app目錄下。
那么在index.php中require thinkapp.php時(shí),不應當是 ./app/thinkphp.php,而是 ./thinkapp.php。
對于路徑的概念,要好好理解一下。
如果不要那個(gè)點(diǎn)的話(huà),應該是:require '/app/thinkphp.php'。
路徑錯了。
Index.php就是在app目錄下的,同時(shí)thinkapp.php也在app目錄下。
那么在index.php中require thinkapp.php時(shí),不應當是 ./app/thinkphp.php,而是 ./thinkapp.php。
對于路徑的概念,要好好理解一下。
如果不要那個(gè)點(diǎn)的話(huà),應該是:require '/app/thinkphp.php'。
聯(lián)系客服