一、..\的作用(上一級目錄)
在html中../表示上一級目錄,也就是html文件所在目錄的上一級目錄,
例如:E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\第一章例子\1-1.html
而你想引入一個js文件,路徑如下:E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\scripts、jquery-1.3.1.js
1-1.html文件所在目錄為第一章例子,她的上一級目錄為01第一章,所以引用相對路徑如下..\scripts\jquery-1.3.1.js
如果想引用上兩級目錄,可以..\..\
二、同級目錄的引用
如果引用文件和被引用文件在同一級目錄下,那可以直接寫,如果上面的在同一級目錄下,那可以直接寫\jquery-1.3.1.js
html引用外部樣式表后在樣式表文件中定義的樣式並不等於在html頭文件中定義的樣式了,它依然存放在定義的文件中被一起下載到客戶端,因此外部樣式表中的相對路徑是相對於改樣式表的路徑,並不是相對於引用該樣式表的html 的路徑。
如果是純手工編寫html或者css、js的話,建議用相對路徑,比如:../../css/main.css
如果是動態文件,比如jsp、php等,最好用網站的絕對路徑。比如
{ctx}/resources/main.css,其中ctx是自己定義的變量,它的值等於類似於http://localhost這種地址。
相對路徑的缺點:例如:../images/zollty.png,這種寫法,一旦我改變了引用頁面文件的目錄,這張圖片就無法顯示了。如果換成網站的絕對路徑{ctx}/images/zollty.png,那么不論我怎么移動引用的頁面文件,只要圖片的地址不變,都是可以訪問的。
絕對路徑的缺點:對於靜態文件,往往無法自動獲取網站的根路徑({ctx}),所以要寫絕對路徑比較麻煩。